body, button, dd, dl, dt, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, select, table, td, textarea, th, tr, ul {
    border: none;
    margin: 0;
    padding: 0;
    list-style: none;
}


.header {
      position: fixed;
    z-index: 6;
    background: #059BF3;
    color: #fff;
    display: flex;
    width: 100%;
   }
  .header .headerRow {
    position: relative;
    width: 1178px;
    height: 44px;
    margin: 0 auto;
    vertical-align: middle; }
    
  .header .headerRow a{
  	color:#fff;
  }  
    
    
  .header .download {
    display: inline-block;
    font-size: 16px;
    line-height: 44px;
    cursor: pointer; }
    .header .download:hover span {
      text-decoration: underline; }
    .header .download > i {
      font-size: 18px; }
  .header .logo {
    max-width: 200px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .header .trial {
    float: right;
    cursor: pointer; }
  .header .memberMenu {
    position: relative;
    z-index: 5;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    float: right;
    padding: 7px 0; }
  .header .memberMenuItem {
    display: inline-block;
    line-height: 12px;
    padding: 0 3px;
    cursor: pointer; 
    	font-size: 16px;}
    .header .memberMenuItem:hover {
      text-decoration: underline; }
/*   .header .memberMenuItem:not(:first-child) {
    border-left: 1px solid white; } */
  .header .memberMenuLogout {
    float: right;
    margin-left: 15px;
    cursor: pointer; }
    .header .memberMenuLogout:hover {
      text-decoration: underline; }
#root{
	min-width: 1050px;
    min-height: 100%;
    margin-bottom: 240px;
}


.playHeader {
  width: 100%;
  background-color: #fff;
  height: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .playHeader > div {
    width: 1178px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 18px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .playHeader > div > .nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; }
      .playHeader > div > .nav > div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        height: 46px; }
      .playHeader > div > .nav > div:nth-child(2) {
        margin: 0 10px; }
      .playHeader > div > .nav > .all:hover > .lotteryPanel {
        z-index: 100;
        padding: 26px 0;
        display: block; }
      .playHeader > div > .nav > .all:hover > .lotteryPanel:hover {
        display: block; }
      .playHeader > div > .nav > .all {
        position: relative; }
        .playHeader > div > .nav > .all > .lotteryPanel {
          display: none;
          position: absolute;
          background-color: #fff;
          top: 45px;
          left: -10px;
          width: 980px;
          -webkit-box-shadow: #656565 0px 5px 28px;
                  box-shadow: #656565 0px 5px 28px;
          border-radius: 4px;
          padding: 16px 0; }
          .playHeader > div > .nav > .all > .lotteryPanel > div {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row; }
            .playHeader > div > .nav > .all > .lotteryPanel > div > div {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: row;
                  flex-direction: row;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
            .playHeader > div > .nav > .all > .lotteryPanel > div .category {
              color: #999999;
              width: 130px;
              margin-top: 10px;
              -ms-flex-pack: center;
                  justify-content: center; }
            .playHeader > div > .nav > .all > .lotteryPanel > div > div:nth-child(2) {
              -ms-flex: 1 1;
                  flex: 1 1; }
              .playHeader > div > .nav > .all > .lotteryPanel > div > div:nth-child(2) > a {
                width: 130px;
                margin: 10px; }
    .playHeader > div .user {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex: 1 1;
          flex: 1 1;
      -ms-flex-pack: end;
          justify-content: flex-end;
      z-index: 1; }
      
      
      
  .playModule {
  margin-bottom: 50px; }
  .playModule > .warp {
  /*   margin-top: 10px; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    display: flex; }
    .playModule > .warp .left {
      width: 1010px; }
    .playModule > .warp .right {
      margin-left: 10px;
      width: 185px; }
      
      
      
      .lotteryType {
  height: 140px;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
    flex-direction: row;
    position: fixed; 
    width: 1010px;
    padding: 10px 0;
    z-index: 10;
      }
  .lotteryType .detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    width: 260px;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .lotteryType .detail .logo img,
    .lotteryType .detail .logo .react-skeleton-load {
      margin: 0 20px;
      width: 75px;
      height: 75px; }
    .lotteryType .detail .info {
      -ms-flex: 1 1;
          flex: 1 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      .lotteryType .detail .info > div {
        margin: 8px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
        .lotteryType .detail .info > div .name {
          font-size: 16px; }
        .lotteryType .detail .info > div i {
          color: red;
          font-size: 24px; }
      .lotteryType .detail .info > div:nth-child(2) a {
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        color: #333;
        font-size: 12px;
        padding: 10px 10px; }
        .lotteryType .detail .info > div:nth-child(2) a:hover {
          background-color: #059BF3;
          color: white; }
          .lotteryType .detail .info > div:nth-child(2) a:hover i {
            color: white; }
        .lotteryType .detail .info > div:nth-child(2) a i {
          font-size: 14px;
          color: #333;
          margin-right: 4px; }
  .lotteryType .lottery-detail {
    -ms-flex: 1 1;
        flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .lotteryType .lottery-detail .lottertInfo {
      -ms-flex: 1 1;
          flex: 1 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center; }
      .lotteryType .lottery-detail .lottertInfo .lottery-time {
        padding: 0 80px;
    	width: 359px;
        border-right: 1px dashed #cdcdcd; }
        .lotteryType .lottery-detail .lottertInfo .lottery-time > .prompt {
        padding-top:10px;
          font-size: 16px;
          color: #666666;
          display: -ms-flexbox;
         /*  display: flex; */
          -ms-flex-pack: center;
              justify-content:flex-start;
              min-width: 230px;
    margin-bottom: 10px; 
        padding-left: 8px;}

        .lotteryType .lottery-detail .lottertInfo .lottery-time .time {
          font-size: 32px;
          color: #8d8d8d;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center; }
          .lotteryType .lottery-detail .lottertInfo .lottery-time .time > div {
            background-color: #f7f7f7;
            border-radius: 8px;
            padding: 10px 6px;
            margin: 0 4px;
            width: 50px;
            min-height: 45px; }
            .lotteryType .lottery-detail .lottertInfo .lottery-time .time > div span {
              color: #000000; }
      .lotteryType .lottery-detail .lottertInfo .history {
        height: 82px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        margin: 0 24px;
        justify-content: center;
        -ms-flex-direction: column;
            flex-direction: column; }
        .lotteryType .lottery-detail .lottertInfo .history.gettingList {
          -ms-flex-pack: center;
              justify-content: center; }
        .lotteryType .lottery-detail .lottertInfo .history > .prompt {
         padding-top:5px;
         margin-left: 4px;
          font-size: 16px;
          color: #666666; }
        .lotteryType .lottery-detail .lottertInfo .history > .number {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          height: 65px;
          align-items: center; }
          .lotteryType .lottery-detail .lottertInfo .history > .number > div {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-align: center;
                align-items: center; }
          .lotteryType .lottery-detail .lottertInfo .history > .number .plus {
            font-size: 30px; }
          .lotteryType .lottery-detail .lottertInfo .history > .number .ball {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            margin: 4px; }
          .lotteryType .lottery-detail .lottertInfo .history > .number .ball {
            border-radius: 50%;
            background-color: red;
            color: #fff; }
            
            /* .lotteryType .lottery-detail .lottertInfo .history > .number .ball:first-child{
            	margin-left: 0;
            } */
            
            .lotteryType .lottery-detail .lottertInfo .history > .number .ball span {
              margin-top: 3px; }
          .lotteryType .lottery-detail .lottertInfo .history > .number .lucky-reacords {
            -ms-flex: 1 1;
                flex: 1 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row; }
  .lotteryType .category-list {
    width: 750px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .lotteryType .category-list .category-wrapper {
      display: -ms-flexbox;
      display: flex; }
    .lotteryType .category-list > div {
      margin: 0 6px;
      width: 100%; }
      .lotteryType .category-list > div .lottery-item {
        background-color: #f5f5f5;
        border-radius: 8px;
        margin: 0 4px;
        -ms-flex: 1 1;
            flex: 1 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-direction: column;
            flex-direction: column;
        width: 90px;
        height: 90px; }
        .lotteryType .category-list > div .lottery-item img {
          width: 50px;
          height: 50px; }
        .lotteryType .category-list > div .lottery-item .name {
          font-size: 12px;
          margin-top: 6px; }
        .lotteryType .category-list > div .lottery-item.first {
          margin-left: 4px; }
        .lotteryType .category-list > div .lottery-item.last {
          margin-right: 4px; }
      .lotteryType .category-list > div button {
        width: 24px;
        height: 90px;
        background-color: #f5f5f5;
        color: #cacaca;
        border-radius: 4px;
        padding: 0 6px; }
        .lotteryType .category-list > div button .iconfont {
          font-size: 12px; }
        .lotteryType .category-list > div button:last-child {
          margin-left: auto; }
      
      
      .lottery-method {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: white;
  margin-top: 8px; }
  .lottery-method .lottery-label {
    -ms-flex: 1 1;
        flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    -ms-flex-align: center;
        align-items: center;
    background-color: #d8d8d8; }
    .lottery-method .lottery-label > .label {
      height: 20px;
      margin: 15px 0;
      color: #666666;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      border-left: 1px solid #a2a2a2;
      padding: 0 12px;
      cursor: pointer; }
      .lottery-method .lottery-label > .label:hover {
        color: red; }
    .lottery-method .lottery-label > .active {
      color: red; }
    .lottery-method .lottery-label > .label:first-child {
      border: none;
      padding-left: 0px; }
  .lottery-method .method-list {
    color: #666666;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px;
    border-bottom: 1px dashed #dddddd; }
    .lottery-method .method-list .method-row {
      font-size: 14px;
      display: -ms-flexbox;
      display: flex;
      margin: 5px 0;
      -ms-flex-align: center;
          align-items: center; }
      .lottery-method .method-list .method-row > div:first-child {
        width: 100px; }
      .lottery-method .method-list .method-row .group-label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row; }
        .lottery-method .method-list .method-row .group-label > div {
          border: 1px solid #d5d5d5;
          border-radius: 6px;
          padding: 5px 15px;
          margin: 0 10px;
          cursor: pointer; }
          .lottery-method .method-list .method-row .group-label > div:hover {
            border-color: red;
            color: red; }
        .lottery-method .method-list .method-row .group-label > .active {
          border: 1px solid #eb0e0e;
          color: #eb0e0e; }
  .lottery-method .tip {
    font-size: 14px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 18px 20px; }
    .lottery-method .tip > div {
      color: red;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      height: 23px;
      -ms-flex-align: center;
          align-items: center; }
      .lottery-method .tip > div span {
        color: #999999; }
      .lottery-method .tip > div .react-skeleton-load {
        vertical-align: middle; }
    .lottery-method .tip > .rule {
      min-width: 175px;
      margin-left: 10px; }
      .lottery-method .tip > .rule > div:first-child {
        margin: 0; }
      .lottery-method .tip > .rule > div {
        margin-left: 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        position: relative; }
        .lottery-method .tip > .rule > div > .toast {
          display: none;
          position: absolute;
          background-color: #eb0e0e;
          color: #fff;
          font-size: 14px;
          border-radius: 10px;
          padding: 10px;
          min-width: 235px;
          bottom: 45px;
          right: -10px;
          -webkit-box-shadow: rgba(191, 69, 69, 0.34) 0px 17px 20px;
                  box-shadow: rgba(191, 69, 69, 0.34) 0px 17px 20px; }
          .lottery-method .tip > .rule > div > .toast > i {
            position: absolute;
            bottom: -20px;
            font-size: 30px;
            color: #eb0e0e;
            right: 35px; }
        .lottery-method .tip > .rule > div i {
          font-size: 20px; }
      .lottery-method .tip > .rule > div:hover > .toast {
        display: block; }
  .lottery-method .position {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center; }
    .lottery-method .position > .bg {
      margin: 10px 20px;
      -ms-flex: 1 1;
          flex: 1 1;
      height: 60px;
      background-color: #f7f7f7;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 30px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      font-size: 16px; }
      .lottery-method .position > .bg > div:first-child {
        margin-left: 40px;
        margin-right: 10px; }
      .lottery-method .position > .bg > .items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row; }
        .lottery-method .position > .bg > .items > div {
          margin: 0 10px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          .lottery-method .position > .bg > .items > div i {
            font-size: 20px; }
          .lottery-method .position > .bg > .items > div .icon-xuanzhong {
            color: red; }
  .lottery-method .inputContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1 1;
        flex: 1 1;
    background-color: #f7f7f7;
    border-radius: 6px;
    margin: 18px 20px;
    font-size: 12px;
    color: #666666;
    padding: 12px; }
    .lottery-method .inputContainer textarea {
      padding: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1;
          flex: 1 1;
      resize: none;
      height: 270px;
      border: 1px solid #dadada;
      border-radius: 6px; }
    .lottery-method .inputContainer span {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1;
          flex: 1 1;
      margin-top: 8px; }
  .lottery-method .select {
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -ms-flex-direction: column;
        flex-direction: column; }
    .lottery-method .select .bg {
      margin: 10px 7px;
      background-color: #f7f7f7;
      border-radius: 34px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      min-height: 56px; }
      .lottery-method .select .bg .label {
        -ms-flex: 1 1;
            flex: 1 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        margin-left: 20px; }
      .lottery-method .select .bg .number {
        -ms-flex: 9.5 1;
            flex: 9.5 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: 0 10px; }
        .lottery-method .select .bg .number.shortSpace {
          -ms-flex-pack: start;
              justify-content: flex-start; }
          .lottery-method .select .bg .number.shortSpace > div {
            margin-right: 18px; }
        .lottery-method .select .bg .number > div {
          border: 1px solid #cccccc;
          min-width: 46px;
          height: 46px;
          padding: 0 8px;
          margin: 5px 2px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          border-radius: 23px;
          -webkit-box-shadow: 0 2px 4px 0 rgba(187, 187, 197, 0.5);
                  box-shadow: 0 2px 4px 0 rgba(187, 187, 197, 0.5);
          background-color: #fff;
          font-size: 24px;
          cursor: pointer; }
          .lottery-method .select .bg .number > div:not(.selected):hover {
            color: red;
            border-color: red; }
        .lottery-method .select .bg .number .selected {
          background-color: #ff0000;
          -webkit-box-shadow: 0 2px 4px 0 #ff9d9d;
                  box-shadow: 0 2px 4px 0 #ff9d9d;
          color: #fff; }
      .lottery-method .select .bg .tools {
        -ms-flex: 4 1;
            flex: 4 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-right: 20px; }
        .lottery-method .select .bg .tools > div {
          background-color: #fff;
          border: 1px solid #ccc;
          border-radius: 4px;
          padding: 6px 8px;
          cursor: pointer; }
        .lottery-method .select .bg .tools > div:hover {
          border-color: #eb0e0e;
          color: red; }
      .lottery-method .select .bg .toolsPlaceHolder {
        -ms-flex: 4 1;
            flex: 4 1;
        display: -ms-flexbox;
        display: flex;
        margin-right: 20px; }
  .lottery-method .oddContainer {
    margin-top: -5px;
    padding: 0 7px;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff; }
    .lottery-method .oddContainer .placeholder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1;
          flex: 1 1;
      margin-left: 20px;
      height: 20px; }
    .lottery-method .oddContainer .odds {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 9.5 1;
          flex: 9.5 1;
      margin: 0 10px; }
      .lottery-method .oddContainer .odds .oddTextWrapper {
        display: -ms-flexbox;
        display: flex;
        width: 50px;
        margin: 0 2px;
        -ms-flex-pack: center;
            justify-content: center; }
      .lottery-method .oddContainer .odds .oddText {
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        color: #999999; }
        
        
        
        
        addOrder {
  background-color: #fff;
  padding: 15px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .addOrder > .money {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    height: 63px;
    -ms-flex: 2 1;
        flex: 2 1;
    font-size: 14px; }
    .addOrder > .money > p > span {
      color: #eb0e0e; }
    .addOrder > .money > div {
      margin-top: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .addOrder > .money > div > input {
        height: 28px;
        border-radius: 4px;
        font-size: 14px;
        border: 1px solid #dddddd;
        text-align: center;
        margin: 0 4px;
        width: 70px; }
        .addOrder > .money > div > input:focus {
          border-color: red; }
      .addOrder > .money > div > .unit {
        width: 24px;
        height: 24px;
        border-radius: 3px;
        color: #fff;
        background-color: #d6d6d6;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin: 0 4px;
        cursor: pointer; }
        .addOrder > .money > div > .unit.active {
          background-color: red; }
  .addOrder > .oddsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 3 1;
        flex: 3 1;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0 10px;
    height: 63px; }
    .addOrder > .oddsContainer > div {
      -ms-flex-pack: justify;
          justify-content: space-between;
      display: -ms-flexbox;
      display: flex; }
      .addOrder > .oddsContainer > div.oddsRow {
        -ms-flex-pack: start;
            justify-content: flex-start;
        margin-top: 4px; }
        .addOrder > .oddsContainer > div.oddsRow .oddsItem:not(:first-child) {
          border-left: 1px solid red;
          padding-left: 8px;
          margin-left: 8px; }
      .addOrder > .oddsContainer > div > span {
        color: #eb0e0e;
        height: 16px;
        line-height: 16px; }
      .addOrder > .oddsContainer > div .rebate {
        margin-left: auto; }
    .addOrder > .oddsContainer .slider {
      height: 24px;
      margin-top: 10px;
      -ms-flex-align: end;
          align-items: flex-end; }
      .addOrder > .oddsContainer .slider .rc-slider {
        width: 70%; }
      .addOrder > .oddsContainer .slider span {
        color: #333333;
        font-size: 14px; }
  .addOrder > .add {
    -ms-flex: 1.4 1;
        flex: 1.4 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .addOrder > .add > button {
      color: #fff;
      background-color: #ff0000;
      width: 140px;
      height: 40px;
      font-size: 22px;
      -webkit-box-shadow: 0 3px 7px 0 #ff7b7b;
              box-shadow: 0 3px 7px 0 #ff7b7b;
      border-radius: 4px;
      cursor: pointer; }
      .addOrder > .add > button:hover {
        background-color: #d50000;
        color: white; }
        
        
        .addOrder {
  background-color: #fff;
  padding: 15px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .addOrder > .money {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    height: 63px;
    -ms-flex: 2 1;
        flex: 2 1;
    font-size: 14px; }
    .addOrder > .money > p > span {
      color: #eb0e0e; }
    .addOrder > .money > div {
      margin-top: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .addOrder > .money > div > input {
        height: 28px;
        border-radius: 4px;
        font-size: 14px;
        border: 1px solid #dddddd;
        text-align: center;
        margin: 0 4px;
        width: 70px; }
        .addOrder > .money > div > input:focus {
          border-color: red; }
      .addOrder > .money > div > .unit {
        width: 24px;
        height: 24px;
        border-radius: 3px;
        color: #fff;
        background-color: #d6d6d6;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin: 0 4px;
        cursor: pointer; }
        .addOrder > .money > div > .unit.active {
          background-color: red; }
  .addOrder > .oddsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 3 1;
        flex: 3 1;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0 10px;
    height: 63px; }
    .addOrder > .oddsContainer > div {
      -ms-flex-pack: justify;
          justify-content: space-between;
      display: -ms-flexbox;
      display: flex; }
      .addOrder > .oddsContainer > div.oddsRow {
        -ms-flex-pack: start;
            justify-content: flex-start;
        margin-top: 4px; }
        .addOrder > .oddsContainer > div.oddsRow .oddsItem:not(:first-child) {
          border-left: 1px solid red;
          padding-left: 8px;
          margin-left: 8px; }
      .addOrder > .oddsContainer > div > span {
        color: #eb0e0e;
        height: 16px;
        line-height: 16px; }
      .addOrder > .oddsContainer > div .rebate {
        margin-left: auto; }
    .addOrder > .oddsContainer .slider {
      height: 24px;
      margin-top: 10px;
      -ms-flex-align: end;
          align-items: flex-end; }
      .addOrder > .oddsContainer .slider .rc-slider {
        width: 70%; }
      .addOrder > .oddsContainer .slider span {
        color: #333333;
        font-size: 14px; }
  .addOrder > .add {
    -ms-flex: 1.4 1;
        flex: 1.4 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .addOrder > .add > button {
      color: #fff;
      background-color: #ff0000;
      width: 140px;
      height: 40px;
      font-size: 22px;
      -webkit-box-shadow: 0 3px 7px 0 #ff7b7b;
              box-shadow: 0 3px 7px 0 #ff7b7b;
      border-radius: 4px;
      cursor: pointer;
       }
      .addOrder > .add > button:hover {
        background-color: #d50000;
        color: white;
          background-color: #fff;
  padding: 10px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; 
      }
      
      
      .orderList {
  background-color: #fff;
  padding: 10px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .orderList .order-area {
    background-image: url("/pc-static/img/order-area.png");
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-flex: 4 1;
        flex: 4 1;
    height: 280px; }
    .orderList .order-area .order-header {
      margin: 0 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .orderList .order-area .order-header > div {
        height: 45px;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex: 1 1;
            flex: 1 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        color: #999999;
        font-size: 12px; }
    .orderList .order-area .order-body::-webkit-scrollbar {
      display: none; }
    .orderList .order-area .order-body {
      margin: 0 10px;
      height: 176px;
      overflow-y: scroll; }
      .orderList .order-area .order-body > .list {
        position: relative;
        border-bottom: 1px dashed #ccc;
        height: 70px;
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        color: #333333;
        font-size: 12px; }
        .orderList .order-area .order-body > .list .enlarge {
          display: none;
          position: absolute;
          top: 30px;
          left: 140px;
          background-color: white;
          border: 1px solid #d7d7d7;
          border-radius: 8px;
          -webkit-box-shadow: 0 9px 13px 0 #d5d5d5;
                  box-shadow: 0 9px 13px 0 #d5d5d5;
          padding: 5px;
          font-size: 16px; }
          .orderList .order-area .order-body > .list .enlarge.show {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .orderList .order-area .order-body > .list .method_name {
          -ms-flex-direction: column;
              flex-direction: column;
          width: 106px;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
          overflow: hidden;
          text-indent: 20px; }
        .orderList .order-area .order-body > .list > div {
          -ms-flex: 1 1;
              flex: 1 1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center; }
          .orderList .order-area .order-body > .list > div input {
            width: 70px;
            height: 28px;
            border: 1px solid #ccc;
            border-radius: 4px; }
          .orderList .order-area .order-body > .list > div > i {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 1;
                flex: 1 1;
            font-size: 24px;
            cursor: pointer;
            color: #e2e2e2;
            margin: 0 10px 0 16px; }
            .orderList .order-area .order-body > .list > div > i:hover {
              color: red; }
          .orderList .order-area .order-body > .list > div.money {
            -ms-flex-pack: justify;
                justify-content: space-between; }
            .orderList .order-area .order-body > .list > div.money > div {
              display: -ms-flexbox;
              display: flex;
              -ms-flex: 9 1;
                  flex: 9 1;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
        .orderList .order-area .order-body > .list .content {
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          display: block;
          width: 100%;
          font-size: 14px; }
    .orderList .order-area .order-footer {
      margin: 0 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      height: 47px;
      color: #333333;
      font-size: 14px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
      .orderList .order-area .order-footer .chase {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center; }
        .orderList .order-area .order-footer .chase div {
          width: 47px;
          height: 24px;
          background-size: 100%; }
        .orderList .order-area .order-footer .chase .switch-unchecked {
          background-image: url("https://sp-res-wap.dgstaticresources.net/fusion/dglobby/release/img/switch-unchecked.png");
          cursor: pointer;
          margin-left: 14px; }
        .orderList .order-area .order-footer .chase .switch-checked {
          background-image: url("https://sp-res-wap.dgstaticresources.net/fusion/dglobby/release/img/switch-checked.png");
          cursor: pointer;
          margin-left: 14px; }
      .orderList .order-area .order-footer > div > p span {
        color: #ff0000; }
  .orderList .order-actions {
    height: 280px;
    -ms-flex: 1 1;
        flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: end;
        align-items: flex-end; }
    .orderList .order-actions button {
      background-color: #fff;
      width: 128px;
      height: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      border: 1px solid #ccc;
      border-radius: 4px;
      margin: 8px 0;
      cursor: pointer; }
      .orderList .order-actions button:hover {
        border-color: red;
        color: red; }
    .orderList .order-actions .confirm {
      height: 95px;
      background: #ff0000;
      border-radius: 4px;
      font-size: 22px;
      color: #ffffff;
      letter-spacing: 0; }
      .orderList .order-actions .confirm:hover {
        background-color: #d50000;
        color: white; }
      .orderList .order-actions .confirm.disabled {
        cursor: not-allowed;
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); }
                
                
                
 .register.flat .notLoggedin .line {
    width: 0;
    height: 20px;
    border-left: 1px solid red;
    margin: 0 auto;
}

.register.flat .notLoggedin .registerText {
    height: 22px;
    border-radius: 12px;
    background-color: red;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 7px;
}

.register.flat .notLoggedin .avatar {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    border: 1px solid red;
    border-radius: 19px;
    overflow: hidden;
}

.register.flat .notLoggedin .avatar img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    width:auto;
    height: auto;
}

.record-prize {
  background-color: #fff;
    width: 185px;
   }
  .record-prize .title {
    height: 36px;
    background-color: #f7f7f7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #333333; }
  .record-prize .group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    .record-prize .group .list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      margin: 2px 10px; }
      .record-prize .group .list .date {
        font-size: 12px;
        margin: 10px 0; }
      .record-prize .group .list .number {
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-align: center;
            align-items: center; }
        .record-prize .group .list .number div {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center; }
          .record-prize .group .list .number div span {
            margin-top: 2px; }
        .record-prize .group .list .number .sx {
          height: 17px; }
        .record-prize .group .list .number .plus {
          font-size: 20px; }
        .record-prize .group .list .number .ball {
          width: 24px;
          height: 24px;
          border-radius: 50%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          margin: 4px; }
        .record-prize .group .list .number .ball {
          background-color: red;
          color: #fff; }
        .record-prize .group .list .number .lhcBall {
          width: 24px;
          height: 24px;
          font-size: 12px;
          border-radius: 50%; }
        .record-prize .group .list .number .lucky-reacords {
          -ms-flex: 1 1;
              flex: 1 1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row; }
    .record-prize .group a {
      display: block;
      text-align: center;
      margin: 10px 4px;
      padding: 5px 0;
      width: 176px;
      border-radius: 4px;
      border: 1px solid #eb0e0e;
      color: #eb0e0e; }
      .record-prize .group a:hover {
        color: white;
        background-color: #eb0e0e; }


.my-order {
  margin-top: 10px;
  padding-bottom: 4px;
  background-color: #fff;
    width: 185px;
   }
  .my-order .title {
    background-color: #f7f7f7;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px dashed #dddddd;
    -ms-flex-pack: center;
        justify-content: center; }
  .my-order .thead {
    height: 36px;
    background-color: #f7f7f7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-direction: row;
        flex-direction: row;
    font-size: 12px;
    color: #999999; }
  .my-order .tbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .my-order .tbody .list {
      height: 36px;
      border-bottom: 1px dashed #dddddd;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-direction: row;
          flex-direction: row;
      font-size: 12px;
      color: #999999; }
  .my-order .noData {
   /*  height: 230px;
    font-size: 12px;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;  */}
  .my-order .more {
    display: block;
    border: 1px solid #eb0e0e;
    color: #eb0e0e;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 26px;
    margin: 15px 4px; }
    .my-order .more:hover {
      color: white;
      background-color: #eb0e0e; }


.playHeader>div .user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1;
}

.register.flat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-top: 7px;
}
     
     
.register.flat .notLoggedin {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 200px;
    margin-left: auto;
    position: relative;
    z-index: 5;
}

.register.flat .notLoggedin .avatarWrapper {
    margin-top: 5px;
    cursor: pointer;
}
 
  
 /* =================sb9cc===================== */ 
 .redirect-loading {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	min-width: 320px;
	z-index: 9999;
	background: #fff;
	text-align: center
}

*,
:after,
:before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

:active,
:focus {
	outline: none
}

::-moz-selection {
	background: #008cba;
	text-shadow: none
}

::selection {
	background: #008cba;
	text-shadow: none
}

::-moz-selection:window-inactive {
	background: #008cba
}

::selection:window-inactive {
	background: #008cba
}

img::selection {
	background: none
}

img::-moz-selection {
	background: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

 body,
button,
code,
html,
input,
kbd,
pre,
samp,
select,
textarea {
	font-family: Arial, \\5FAE\8F6F\96C5\9ED1, Microsoft Yahei, Hiragino Sans GB, \\5B8B\4F53, "sans-serif"
} 

body,
html {
	height: 100%;
	width: 100%
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 100%
}

body {
	font-size: 1em;
	line-height: 1;
	color: #333
}

address,
article,
aside,
blockquote,
body,
button,
details,
dialog,
div,
dl,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
li ol,
li ul,
main,
nav,
ol,
p,
pre,
section,
select,
summary,
textarea,
ul {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700
}

h1 {
	font-size: 2.625rem
}

h2 {
	font-size: 2rem
}

h3 {
	font-size: 1.5rem
}

h4 {
	font-size: 1.25rem
}

h5 {
	font-size: 1.125rem
}

h6 {
	font-size: 1rem
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto
}

blockquote:after,
blockquote:before {
	font-weight: 700
}

blockquote:before {
	content: '" '
}

blockquote:after {
	content: ' "'
}

address {
	font-weight: 400;
	font-style: normal
}

details>summary {
	cursor: default
}

details[open]>summary {
	font-weight: 700
}

abbr[title],
time[title] {
	border-bottom: 1px dotted #dcdcdc;
	cursor: help
}

b,
strong {
	font-weight: 700
}

cite,
dfn,
em,
i {
	font-style: italic
}

code,
kbd {
	background: #f5f5f5;
	border: 1px solid #dcdcdc;
	padding: 1px 5px
}

code {
	margin: 0 2px
}

kbd {
	color: #575757
}

del {
	text-decoration: line-through
}

ins {
	text-decoration: underline
}

mark {
	background: #fe5;
	padding: 1px 2px
}

q:before {
	content: '" '
}

q:after {
	content: ' "'
}

samp {
	font-family: Georgia
}

small,
sub,
sup {
	font-size: .75em
}

sub,
sup {
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	top: .25em
}

var {
	font-weight: 400;
	font-style: normal
}

a {
	background: none;
	text-decoration: none;
	/* color: #fff; */
	cursor: pointer
}

a[href^=mailto] {
	color: #09f
}

a:active,
a:hover {
	outline: 0
}

.ahover a:hover,
.primary-color,
a.ahover:hover {
	color: #f4cd67
}

img {
	vertical-align: baseline;
	max-width: 100%;
	height: auto;
	border: none
}

area {
	outline: none
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

svg:not(:root) {
	overflow: hidden
}

[hidden],
template {
	display: none
}

ol,
ul {
	padding: 0 0 0 2.5rem
}

dl>dt {
	font-weight: 700
}

dl>dd {
	margin-left: 0
}

nav>ol,
nav>ul {
	list-style: none;
	padding-left: 0
}

table {
	max-width: 100%;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

caption {
	padding: 0 0 1em;
	font-weight: 700
}

caption,
td,
th {
	text-align: left
}

td,
th {
	margin: 0;
	padding: .3125rem;
	vertical-align: top
}

td[valign=middle],
th[valign=middle] {
	vertical-align: middle
}

td[valign=bottom],
th[valign=bottom] {
	vertical-align: bottom
}

table {
	border: 1px solid #dcdcdc
}

tr>td,
tr>th {
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc
}

tr>td:first-child,
tr>th:first-child {
	border-left-width: 0
}

table>caption+tbody>tr:first-child>td,
table>caption+tbody>tr:first-child>th,
table>caption+tfoot>tr:first-child>td,
table>caption+tfoot>tr:first-child>th,
table>caption+thead>tr:first-child>td,
table>caption+thead>tr:first-child>th,
table>tbody:first-child>tr:first-child>td,
table>tbody:first-child>tr:first-child>th,
table>tfoot:first-child>tr:first-child>td,
table>tfoot:first-child>tr:first-child>th,
table>thead:first-child>tr:first-child>td,
table>thead:first-child>tr:first-child>th {
	border-top-width: 0
}

fieldset {
	border: 0;
	padding: 0
}

legend {
	display: block;
	width: 100%;
	border: none;
	white-space: normal;
	font-weight: 700;
	font-size: 1rem;
	margin: 0 0 1em;
	padding: 0
}

label {
	display: inline-block;
	vertical-align: top
}

button,
input,
select,
textarea {
	font-size: 100%;
	width: 100%
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button {
	overflow: visible
}

input {
	line-height: normal
}

input[type=color] {
	width: 30px
}

input[type=checkbox],
input[type=radio] {
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

textarea {
	resize: none;
	overflow: auto
}

optgroup {
	font-weight: 700
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
	opacity: 1
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
	opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
	opacity: 1
}

hr {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	height: 0;
	border: none;
	border-top: 1px solid #dcdcdc;
	margin: 1.25rem 0
}

.kd-float-left {
	float: left
}

.kd-float-right {
	float: right
}

.clearfix:after,
.clearfix:before,
.kd-col:after,
.kd-col:before,
.kd-inner:after,
.kd-inner:before,
.kd-page:after,
.kd-page:before,
.kd-row:after,
.kd-row:before,
[class*=-body]:after,
[class*=-body]:before,
[class*=-foot]:after,
[class*=-foot]:before,
[class*=-head]:after,
[class*=-head]:before,
[class*=-main]:after,
[class*=-main]:before,
[class*=-side]:after,
[class*=-side]:before {
	content: "";
	display: table
}

.clear,
.clearfix:after,
.kd-col:after,
.kd-inner:after,
.kd-page:after,
.kd-row:after,
[class*=-body]:after,
[class*=-foot]:after,
[class*=-head]:after,
[class*=-main]:after,
[class*=-side]:after {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0
}

.kd-center,
.kd-container {
	margin-left: auto;
	margin-right: auto
}

.kd-checkbox>input,
.kd-radio>input,
.kd-virtual-hidden {
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	position: absolute;
	padding: 0;
	border: 0;
	font-size: 0;
	opacity: 0
}

.kd-button>button,
.kd-button>input,
.kd-cover-hidden,
.kd-select>select {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
	opacity: 0
}

.kd-scrollable {
	overflow: auto;
	-webkit-overflow: auto;
	-webkit-overflow-scrolling: touch
}

.hidden {
	display: none
}

.force-hidden {
	display: none!important
}

.rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg)
}

.flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1)
}

.flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1)
}

.disabled,
.readonly,
[disabled],
[readonly] {
	opacity: .75
}

.disabled,
.disabled *,
.readonly,
.readonly *,
[disabled],
[disabled] *,
[readonly],
[readonly] * {
	cursor: no-drop
}

.kd-align-left {
	text-align: left!important
}

.kd-align-right {
	text-align: right!important
}

.kd-align-center {
	text-align: center!important
}

.kd-paragraph {
	display: block
}

.kd-link {
	text-decoration: underline
}

.kd-button {
	display: inline-block;
	position: relative;
	padding: .5rem;
	background: #f4cd67;
	border-radius: 2px;
	color: #1d1d1d;
	text-align: center;
	vertical-align: baseline;
	width: 100%
}

.kd-button--fit {
	width: auto
}

.kd-button,
.kd-button>* {
	cursor: pointer
}

.kd-button>*+* {
	margin-left: .3125rem
}

.kd-button.active {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .35);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .35) inset
}

.kd-button.disabled,
.kd-button[disabled] {
	opacity: .35
}

.kd-button.hollow {
	color: #1d1d1d;
	border: 2px solid;
	background: none;
	box-shadow: none;
	padding: .375rem .5rem
}

@font-face {
	font-family: IconsFont;
	src: url(/pc-static/fonts/IconsFont/font1541068438.eot);
	src: url(/pc-static/fonts/IconsFont/font1541068438.eot#iefix) format("embedded-opentype"), url(/pc-static/fonts/IconsFont/font1541068438.woff) format("woff"), url(/pc-static/fonts/IconsFont/font1541068438.ttf) format("truetype"), url(/pc-static/fonts/IconsFont/font1541068438.svg#Fontawesome) format("svg");
	font-weight: 400;
	font-style: normal
}

 .icon,
:after,
:before {
	font-family: IconsFont, Arial, \\5FAE\8F6F\96C5\9ED1, Microsoft Yahei, Hiragino Sans GB, \\5B8B\4F53, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
} 

.icon {
	font-style: normal;
	text-rendering: auto
}

.icon,
.icon:before {
	display: inline-block;
	vertical-align: baseline
}

.firefox .icon:before {
	margin-top: .15em
}

.icon-logo {
	position: relative
}

.icon-logo:before {
	content: "\EA94";
	color: #ffd444
}

.icon-times:before {
	content: "\EAD8";
	color: #fff;
}

.icon-payweixin:before {
	content: "\EAB2";
	color: #19d100
}

.icon-payalipay:before {
	content: "\EAAD";
	color: #29a1f7
}

.icon-paycard:before {
	content: "\EAAE";
	color: #d374ff
}

.icon-payunion:before {
	content: "\EAB1";
	color: #e03333
}

.icon-payservice:before {
	content: "\EAB0";
	color: #ff4200
}

.icon-payqrcode:before {
	content: "\EAAF";
	color: #000
}

.icon--img,
.icon-CEB,
.icon-CMBC,
.icon-PAB,
.icon-payqq,
.icon-payqqpakge,
.icon-unionPay {
	width: 2rem;
	height: 2rem;
	background: 50% no-repeat;
	background-size: contain
}

.icon-payqq,
.icon-payqqpakge {
	background-image: url(/static/images/qq.svg);
	background-size: 80%
}

.icon-unionPay {
	background-image: url(/static/images/union-pay.svg)
}

.icon-ICBC:before {
	content: "\EA0A";
	color: #e50012
}

.icon-ABC:before {
	content: "\EA02";
	color: #009174
}

.icon-BOC:before {
	content: "\EA04";
	color: #c61620
}

.icon-CCB:before {
	content: "\EA05";
	color: #053d8f
}

.icon-CMBC {
	background-image: url(/static/images/CMBC.svg)
}

.icon-CEB {
	background-image: url(/static/images/CEB.svg)
}

.icon-PAB {
	background-image: url(/static/images/PAB.svg)
}

.icon-HXB:before {
	content: "\EA09";
	color: #e40012
}

.icon-CNCB:before {
	content: "\EA08";
	color: #d7000f
}

.icon-CMB:before {
	content: "\EA07";
	color: #e31e25
}

.icon-BCM:before {
	content: "\EA03";
	color: #2d3080
}

.icon-CIB:before {
	content: "\EA06";
	color: #004186
}

.icon-PSBC:before {
	content: "\EA0B";
	color: #007d3d
}

.icon-SPDB:before {
	content: "\EA0C";
	color: #005094
}

.icon-paytenpay:before {
	content: "\EAD7";
	color: #f60
}

.icon-payjd:before {
	content: "\EA8D";
	color: #c81522
}

.icon-paybaidu:before {
	content: "\EA30";
	color: #f74e47
}

.icon-payquick:before {
	content: "\EAB8";
	color: #ef833b
}

.nostyle {
	padding-left: 0
}

.kd-list,
.nostyle {
	list-style: none
}

.kd-list>li {
	position: relative
}

.kd-list>li:before {
	left: -22px;
	position: absolute
}

.kd-list.point>li:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #333;
	top: 6px
}

.kd-checkbox,
.kd-radio {
	display: inline-block;
	position: relative;
	border: 1px solid transparent;
	width: 22px;
	height: 22px;
	overflow: hidden
}

.kd-checkbox.parted:before,
.kd-radio.checked:before {
	display: block;
	content: "";
	height: 12px;
	width: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px
}

.kd-radio,
.kd-radio.checked:before {
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.kd-radio {
	border-color: #c0c3c3
}

.kd-radio.checked:before {
	background: #40d944
}

.kd-radio.focus {
	border-width: 2px;
	border-color: #c6c6c6
}

.kd-radio.disabled {
	border-color: #efefef
}

.kd-radio.checked.disabled:before {
	background: #efefef
}

.kd-radio.error {
	border-color: #ff0042
}

.kd-radio.checked.error:before {
	background: #ff0042
}

.kd-radio.warning {
	border-color: #119399
}

.kd-radio.checked.warning:before {
	background: #119399
}

.kd-radio.success {
	border-color: #40d944
}

.kd-radio.checked.success:before {
	background: #40d944
}

.kd-checkbox {
	text-align: center
}

.kd-checkbox.checked:before {
	content: "\2713";
	font-size: 16px;
	line-height: 15px
}

.kd-checkbox {
	border-color: #c0c3c3
}

.kd-checkbox.checked:before {
	color: #40d944
}

.kd-checkbox.parted:before {
	background: #40d944
}

.kd-checkbox.focus {
	border-width: 2px;
	border-color: #c6c6c6
}

.kd-checkbox.disabled {
	border-color: #efefef
}

.kd-checkbox.checked.disabled:before {
	color: #efefef
}

.kd-checkbox.parted.disabled:before {
	background: #efefef
}

.kd-checkbox.error {
	border-color: #ff0042
}

.kd-checkbox.checked.error:before {
	color: #ff0042
}

.kd-checkbox.parted.error:before {
	background: #ff0042
}

.kd-checkbox.warning {
	border-color: #119399
}

.kd-checkbox.checked.warning:before {
	color: #119399
}

.kd-checkbox.parted.warning:before {
	background: #119399
}

.kd-checkbox.success {
	border-color: #40d944
}

.kd-checkbox.checked.success:before {
	color: #40d944
}

.kd-checkbox.parted.success:before {
	background: #40d944
}

.kd-switch,
.kd-switch .space,
.kd-switch .value {
	display: inline-block
}

.kd-switch {
	background: #e9e9e9;
	vertical-align: middle
}

.kd-switch .space,
.kd-switch .value {
	width: 50%;
	height: 100%;
	font-size: .875rem;
	padding: .215rem .3rem;
	background: #ec3939;
	text-align: center;
	cursor: pointer
}

.kd-switch .space {
	background: none
}

.kd-switch .value:first-child {
	background: #02aecb;
	transition: .2s ease;
	-webkit-transition: .2s ease;
	margin-left: -50%
}

.kd-switch.checked .value:first-child {
	margin-left: 0
}

.kd-select,
.kd-textinput {
	position: relative;
	padding: .1875rem .5rem;
	border: 1px solid #e2e2e2;
	background: #fff;
	border-radius: 3px
}

.kd-textinput>input,
.kd-textinput>textarea {
	border: none;
	background: none;
	width: 100%;
	padding: 0;
	-webkit-appearance: none;
	font-size: 1rem;
	height: 1.875rem;
	line-height: 1.875;
	color: #333
}

.kd-textinput>textarea {
	height: 9.375rem
}

.kd-select.disabled,
.kd-textinput.disabled {
	background: #f9f9f9;
	border-color: #efefef
}

.kd-select.disabled>.value,
.kd-select.disabled>select,
.kd-textinput.disabled>input,
.kd-textinput.disabled>textarea {
	color: #efefef
}

.kd-select.error,
.kd-textinput.error {
	border-color: #ff0042
}

.kd-select.error>.value,
.kd-select.error>select,
.kd-textinput.error>input,
.kd-textinput.error>textarea {
	color: #ff0042
}

.kd-select.warning,
.kd-textinput.warning {
	border-color: #038bea
}

.kd-select.warning>.value,
.kd-select.warning>select,
.kd-textinput.warning>input,
.kd-textinput.warning>textarea {
	color: #038bea
}

.kd-select.success,
.kd-textinput.success {
	border-color: #40d944
}

.kd-select.success>.value,
.kd-select.success>select,
.kd-textinput.success>input,
.kd-textinput.success>textarea {
	color: #40d944
}

.kd-textinput.color {
	width: 2.4375rem;
	height: 2.4375rem;
	padding: 1px 3px
}

.kd-textinput.color>input {
	height: 100%;
	width: 100%
}

.kd-textinput.color>input:focus {
	border: none
}

.kd-textinput.focus {
	border-color: #f4cd67
}

input[type=number] {
	-moz-appearance: textfield
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none!important
}

.kd-select>select[multiple] {
	opacity: 1;
	top: 100%;
	height: auto;
	z-index: 1;
	display: none
}

.kd-select:before {
	content: "";
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border: .375rem solid transparent;
	border-bottom-width: 0;
	border-top-color: #666;
	position: absolute;
	top: 50%;
	right: 10.8px;
	right: .675rem;
	margin-top: -3px;
	margin-top: -.1875rem
}

.kd-select>select[multiple] {
	border: 1px solid #dcdcdc
}

.kd-select.opened select[multiple] {
	display: block
}

.kd-select>.value {
	height: 1.8125rem;
	line-height: 1.8125rem;
	margin-right: 1.875rem
}

.kd-select>.value,
.kd-select>select {
	color: #333
}

.kd-button.kd-file {
	overflow: hidden
}

.kd-button.kd-file>input[type=file] {
	font-size: 200em;
	margin-left: -5px;
	-webkit-appearance: none
}

.kd-row>* {
	float: left;
	display: block
}

.kd-row-middle {
	font-size: 0
}

.kd-row-middle:before,
.kd-row-middle>* {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1rem
}

.kd-row-middle:before {
	content: "";
	height: 100%;
	width: 0
}

.kd-row-middle>* {
	max-width: 100%
}

.kd-form {
	padding: 1rem
}

.kd-field {
	margin-bottom: .75rem
}

.kd-field-title {
	display: block;
	margin-bottom: .2rem
}

.kd-field.error .kd-field-title,
.kd-field.error .validation {
	color: #f97157
}

.kd-field.success .kd-field-title {
	color: #40d944
}

.kd-close {
	width: 1rem;
	height: 1rem;
	font-size: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: relative
}

.kd-close:after,
.kd-close:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff
}

.kd-close:before {
	height: 2px;
	top: 50%;
	margin-top: -1px
}

.kd-close:after {
	width: 2px;
	left: 50%;
	margin-left: -1px
}

.kd-badge {
	padding: 1px 2px;
	background: #744400;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.kd-ribbon,
.kd-ribbon:before {
	display: inline-block
}

.kd-ribbon {
	padding: .25rem 1rem .25rem .75rem;
	background-color: #744400;
	color: #fff;
	position: relative;
	border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px
}

.kd-ribbon:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	border: 12px solid transparent;
	border: .75rem solid transparent;
	border-right-width: 0;
	border-left-color: #744400;
	margin-top: -12px;
	margin-top: -.75rem
}

.important {
	font-weight: 700;
	color: red
}

.im-color {
	color: #f97157
}

@keyframes a {
	0%,
	80%,
	to {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	40% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes a {
	0%,
	80%,
	to {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	40% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.kd-spinner {
	display: inline-block;
	font-size: 0;
	width: 150px;
	text-align: center
}

.kd-spinner .bounce {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #f4cd67;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	animation: a 1.6s infinite ease-in-out;
	-webkit-animation: a 1.6s infinite ease-in-out;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}

.kd-spinner .bounce.b1 {
	animation-delay: -.32s;
	-webkit-animation-delay: -.32s
}

.kd-spinner .bounce.b2 {
	animation-delay: -.16s;
	-webkit-animation-delay: -.16s;
	margin: 0 .5rem
}

.kd-loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	z-index: 999;
	text-align: center
}

.kd-loading:before {
	content: "";
	width: 0;
	height: 100%
}

.kd-loading:before,
.kd-middle {
	display: inline-block;
	vertical-align: middle
}

.animated {
	animation-duration: .35s;
	-webkit-animation-duration: .35s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}

.animated.infinite {
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

@keyframes b {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

@-webkit-keyframes b {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

.zoom-in {
	animation-name: b;
	-webkit-animation-name: b
}

@keyframes c {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

@-webkit-keyframes c {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

.zoom-out {
	animation-name: c;
	-webkit-animation-name: c
}

@keyframes d {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes d {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fade-in {
	animation-name: d;
	-webkit-animation-name: d
}

@keyframes e {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-webkit-keyframes e {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.fade-out {
	animation-name: e;
	-webkit-animation-name: e
}

@keyframes f {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1;
		transform: translate(100%, -100%);
		-webkit-transform: translate(100%, -100%)
	}
	to {
		opacity: 0;
		transform: translate(0);
		-webkit-transform: translate(0)
	}
}

@-webkit-keyframes f {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1;
		transform: translate(100%, -100%);
		-webkit-transform: translate(100%, -100%)
	}
	to {
		opacity: 0;
		transform: translate(0);
		-webkit-transform: translate(0)
	}
}

.plus-one {
	animation-name: f;
	-webkit-animation-name: f
}

@keyframes g {
	0% {
		max-height: 1px;
		overflow: hidden
	}
	to {
		max-height: 999rem;
		overflow: hidden
	}
}

@-webkit-keyframes g {
	0% {
		max-height: 1px;
		overflow: hidden
	}
	to {
		max-height: 999rem;
		overflow: hidden
	}
}

.slide-down {
	animation-name: g;
	-webkit-animation-name: g
}

@keyframes h {
	0% {
		max-height: 999rem;
		overflow: hidden
	}
	to {
		max-height: 1px;
		overflow: hidden
	}
}

@-webkit-keyframes h {
	0% {
		max-height: 999rem;
		overflow: hidden
	}
	to {
		max-height: 1px;
		overflow: hidden
	}
}

.slide-up {
	animation-name: h;
	-webkit-animation-name: h
}

@keyframes i {
	0%,
	20%,
	53%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: translateZ(0) scaleY(.98);
		-webkit-transform: translateZ(0) scaleY(.98)
	}
	40%,
	43% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -.375rem, 0) scaleY(1);
		-webkit-transform: translate3d(0, -.375rem, 0) scaleY(1)
	}
	70% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -.25rem, 0) scaleY(1);
		-webkit-transform: translate3d(0, -.25rem, 0) scaleY(1)
	}
	90% {
		transform: translate3d(0, -.125rem, 0) scaleY(1);
		-webkit-transform: translate3d(0, -.125rem, 0) scaleY(1)
	}
}

@-webkit-keyframes i {
	0%,
	20%,
	53%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: translateZ(0) scaleY(.98);
		-webkit-transform: translateZ(0) scaleY(.98)
	}
	40%,
	43% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -.375rem, 0) scaleY(1);
		-webkit-transform: translate3d(0, -.375rem, 0) scaleY(1)
	}
	70% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -.25rem, 0) scaleY(1);
		-webkit-transform: translate3d(0, -.25rem, 0) scaleY(1)
	}
	90% {
		transform: translate3d(0, -.125rem, 0) scaleY(1);
		-webkit-transform: translate3d(0, -.125rem, 0) scaleY(1)
	}
}

.bounce {
	animation-name: i;
	-webkit-animation-name: i
}

@keyframes j {
	0% {
		transform: none;
		-webkit-transform: none
	}
	15% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}
	30% {
		transform: translate3d(20%, 0, 0) rotate(3deg);
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg)
	}
	45% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}
	60% {
		transform: translate3d(10%, 0, 0) rotate(2deg);
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg)
	}
	75% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}
	to {
		transform: none;
		-webkit-transform: none
	}
}

@-webkit-keyframes j {
	0% {
		transform: none;
		-webkit-transform: none
	}
	15% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}
	30% {
		transform: translate3d(20%, 0, 0) rotate(3deg);
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg)
	}
	45% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}
	60% {
		transform: translate3d(10%, 0, 0) rotate(2deg);
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg)
	}
	75% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}
	to {
		transform: none;
		-webkit-transform: none
	}
}

.wobble {
	animation-name: j;
	-webkit-animation-name: j
}

@keyframes k {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
		-webkit-transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		transform: scale3d(.9, .9, .9);
		-webkit-transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
		-webkit-transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		transform: scale3d(.97, .97, .97);
		-webkit-transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		transform: scaleX(1);
		-webkit-transform: scaleX(1)
	}
}

@-webkit-keyframes k {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
		-webkit-transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		transform: scale3d(.9, .9, .9);
		-webkit-transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
		-webkit-transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		transform: scale3d(.97, .97, .97);
		-webkit-transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		transform: scaleX(1);
		-webkit-transform: scaleX(1)
	}
}

.bounce-in {
	animation-name: k;
	-webkit-animation-name: k
}

@keyframes l {
	20% {
		transform: scale3d(.9, .9, .9);
		-webkit-transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1);
		-webkit-transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
}

@-webkit-keyframes l {
	20% {
		transform: scale3d(.9, .9, .9);
		-webkit-transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1);
		-webkit-transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
		-webkit-transform: scale3d(.3, .3, .3)
	}
}

.bounce-out {
	animation-name: l;
	-webkit-animation-name: l
}

@keyframes m {
	0%,
	to {
		transform: scaleX(1);
		-webkit-transform: scaleX(1)
	}
	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg);
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}
}

@-webkit-keyframes m {
	0%,
	to {
		transform: scaleX(1);
		-webkit-transform: scaleX(1)
	}
	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg);
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}
}

.tada {
	animation-name: m;
	-webkit-animation-name: m
}

.page-title {
	font-size: 1.125rem;
	padding: 1.25rem 0;
	color: #333;
	text-align: center;
	letter-spacing: .625rem
}

.page-title:after,
.page-title:before {
	content: "";
	display: inline-block;
	width: 48px;
	width: 3rem;
	height: 2px;
	background-color: #ccc;
	vertical-align: middle
}

.page-title:before {
	margin-right: 10px;
	margin-right: .625rem
}

.message-tip {
	width: 300px;
	background: #fff;
	box-shadow: 0 0 3px #f4cd67;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: .75rem 2rem .75rem 2.5rem;
	font-size: .875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #353535;
	position: fixed;
	top: 18%;
	left: 50%;
	margin-left: -150px;
	z-index: 99
}

.message-tip .icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 2rem;
	background-color: #f4cd67;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700
}

.message-tip .icon:after,
.message-tip .icon:before {
	display: inline-block;
	vertical-align: middle
}

.message-tip .icon:before {
	content: "";
	height: 100%;
	width: 0
}

.message-tip .icon:after {
	content: "\EA9D";
	font-size: 24px;
	font-size: 1.5rem
}

.message-tip .kd-close {
	position: absolute;
	right: .5rem;
	top: .65rem
}

.message-tip .kd-close:after,
.message-tip .kd-close:before {
	background-color: #999
}

.message-tip.success {
	box-shadow: 0 0 3px #40d944
}

.message-tip.success .icon {
	background-color: #40d944
}

.message-tip.success .icon:after {
	content: "\EA3C"
}

.message-tip.error {
	box-shadow: 0 0 3px #ff0042
}

.message-tip.error .icon {
	background-color: #ff0042
}

.message-tip.error .icon:after {
	content: "\EA3B"
}

.message-tip.warning {
	box-shadow: 0 0 3px #f4cd67
}

.message-tip.warning .icon {
	background-color: #f4cd67
}

.has-message {
	position: relative
}

.has-message:after {
	content: attr(data-msglen);
	display: inline-block;
	height: 16px;
	height: 1rem;
	width: 16px;
	width: 1rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	background: red;
	color: #fff;
	font-size: 12px;
	font-size: .75rem;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 5.6px;
	top: .35rem
}

.kd-box {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .45);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .45);
	background-color: #fff;
	min-height: 1rem;
	position: relative
}

.kd-list .item.more {
	text-align: center;
	color: #ccc
}

.kd-list.one-col .item {
	margin-bottom: 1.25rem
}

.kd-list.two-cols {
	width: 100%
}

.kd-list.two-cols .title {
	color: #333;
	font-size: 1.0625rem;
	margin-bottom: 1.25rem
}

.kd-list.two-cols .item {
	margin-top: 3px;
	font-size: 0;
	background-color: #fbfbfb;
	position: relative
}

.kd-list.two-cols .item:after {
	content: "";
	display: block;
	width: 3px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 38%;
	background-color: #fff
}

.kd-list.two-cols .kd-col {
	display: inline-block;
	width: 62%;
	font-size: .875rem;
	padding: .875rem;
	vertical-align: middle;
	color: #545454
}

.kd-list.two-cols .kd-col:first-child {
	width: 38%;
	font-weight: 400;
	background-color: #efefef
}

.kd-list.two-cols.total {
	padding-top: 0;
	padding-bottom: 0
}

.kd-list.two-cols.total .item:after {
	left: 25%
}

.kd-list.two-cols.total .kd-col {
	width: 75%;
	padding: .625rem .875rem
}

.kd-list.two-cols.total .kd-col:first-child {
	width: 25%
}

.kd-list.two-cols.earnings {
	padding: 0
}

.kd-list.data-list {
	font-size: .875rem
}

.kd-list.data-list .item {
	margin-bottom: 1rem
}

.kd-list.data-list .item.empty {
	text-align: center;
	padding: 2rem 0
}

.kd-box.data {
	padding: 1rem;
	border-top: 5px solid #debe3d
}

.kd-box.data .data-item {
	margin-top: .5rem;
	border-top: 1px solid #fbfbfb;
	padding-top: .5rem
}

.kd-box.data .data-item:first-child {
	margin-top: 0;
	border-top-width: 0;
	padding-top: 0
}

.kd-box.data .data-item-key,
.kd-box.data .data-item-value {
	display: inline-block;
	width: 70%;
	vertical-align: top
}

.kd-box.data .data-item-key {
	width: 30%;
	text-align: right;
	padding-right: .3125rem
}

.kd-box.data .data-item-value {
	color: #666
}

.total {
	font-size: 1rem
}

.article {
	line-height: 2;
	padding: 1rem .5rem;
	font-size: .9375rem
}

.article .indent {
	text-indent: 1.75rem
}

.article .important {
	color: red
}

.kd-form {
	padding: 0 .5rem 2rem;
	line-height: 1.5
}

.kd-form,
.kd-form .kd-textinput input,
.kd-form .kd-textinput textarea {
	font-size: .875rem
}

.kd-form .kd-field-text {
	padding: .5rem .5rem .4375rem;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #777
}

.kd-form .kd-buttons {
	text-align: center;
	margin-top: .5rem
}

.kd-form .kd-button {
	transition: all .1s ease-in-out;
	margin-top: .5rem;
	font-size: 1rem
}

.kd-form .kd-button.main-button {
	margin-bottom: .5rem
}

.filter-tool-toggle {
	display: block;
	position: fixed;
	bottom: 15%;
	right: 5%;
	background: linear-gradient(bottom, #372018, #5b1d0c);
	background: -webkit-linear-gradient(bottom, #372018, #5b1d0c);
	box-shadow: 0 1px 3px rgba(0, 140, 165, .5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 140, 165, .5);
	height: 50px;
	width: 50px;
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	font-size: .8125rem;
	line-height: 50px
}

.filter-tool-toggle:active {
	background: #372018;
	text-decoration: none
}

.promptbox-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.promptbox,
.promptbox-overlay {
	position: absolute;
	top: 0;
	left: 0
}

.promptbox {
	width: 640px;
	max-width: 90%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 1;
	padding: 0 0 1rem;
	font-size: .875rem;
	border: 2px solid #000;
	border-top-width: 0
}

.prompt-close.kd-close {
	position: absolute;
	top: .3rem;
	right: .5rem
}

.prompt-head {
	padding: .5rem 1rem;
	background-color: #1d1d1d;
	color: #fff;
	font-size: 1rem
}

.prompt-body {
	color: #666;
	padding: 1rem 1rem 0;
	font-size: .8125rem;
	max-height: 600px;
	max-height: 80vh;
	overflow: auto
}

.promptbox-overlay {
	background-color: #fff;
	opacity: .6;
	width: 100%;
	height: 100%
}

.promptbox.error {
	border-color: #e83426
}

.promptbox.error .prompt-head {
	background-color: #e83426
}

.promptbox.warn {
	border-color: #0046ae
}

.promptbox.warn .prompt-head {
	background-color: #0046ae
}

.chat-loading {
	padding: 5rem 0;
	text-align: center
}

.empty {
	padding: 3rem 2rem;
	line-height: 1.5;
	font-weight: 400;
	color: #666;
	text-align: center
}

.chat-more {
	font-size: .875rem;
	text-align: center;
	padding: 1rem 0 0
}

.page-account-chart .chat-messages,
.page-online-service .chat-messages {
	padding: 0 10px
}

.chat-author {
	font-weight: 400;
	margin-top: 1rem;
	overflow: hidden
}

.chat-author .icon {
	height: 30px;
	width: 30px;
	background-color: #99dce8;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	text-align: center
}

.chat-author .icon:after,
.chat-author .icon:before {
	content: "";
	display: block;
	height: 14px;
	width: 14px;
	background-color: hsla(0, 0%, 100%, .5);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 4px;
	margin-left: -7px
}

.chat-author .icon:after {
	height: 26px;
	width: 26px;
	margin-left: -13px;
	top: 18px
}

.chat-author .name {
	font-size: .9375rem
}

.chat-author .time {
	font-size: .75em;
	color: #999
}

.chat-author.self {
	text-align: right
}

.chat-author.self .icon {
	background-color: #64cdff
}

.chat-message .inner {
	display: inline-block;
	margin: 0 1rem 0 35px;
	background-color: #fff;
	padding: .8rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	font-size: .875rem;
	color: #000;
	word-break: break-all
}

.chat-message .inner:before {
	content: "";
	border: solid transparent;
	border-width: 0 12.8px 16px 0;
	border-width: 0 .8rem 1rem 0;
	border-bottom-color: #fff;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	position: absolute;
	left: -3.2px;
	left: -.2rem;
	top: -9.6px;
	top: -.6rem
}

.chat-message img {
	max-height: 100px
}

.chat-message.self {
	text-align: right
}

.chat-message.self .inner {
	text-align: left;
	margin: 0 35px 0 1rem;
	background-color: #9ce553
}

.chat-message.self .inner:before {
	border-width: 0 0 16px 12.8px;
	border-width: 0 0 1rem .8rem;
	border-bottom-color: #9ce553;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	position: absolute;
	left: auto;
	right: -3.2px;
	right: -.2rem
}

.chat-message.remind-message .inner {
	color: #c86a00
}

.add-qq-contact {
	display: inline-block;
	width: auto;
	padding: .3125rem;
	padding-left: 1.8125rem;
	margin-top: .3125rem
}

.add-qq-contact .icon-qq {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: .4rem;
	left: .25rem
}

.add-qq-contact .icon-qq:before {
	width: 100%
}

.firefox .add-qq-contact .icon-qq:before {
	margin-top: 0
}

.chat-message.remain-message .add-qq-contact {
	padding-left: 1.5rem
}

.chat-message.remind-message .add-qq-contact .icon-qq {
	width: 1.25rem;
	height: 1.25rem;
	top: .25rem;
	line-height: 1.25rem
}

.chat-textinput {
	position: fixed;
	bottom: 120px;
	background-color: #fff;
	width: 640px;
	font-size: 0;
	padding-bottom: .2rem;
	z-index: 2;
	text-align: right
}

.is-hide-toolbar .chat-textinput {
	bottom: .8125rem
}

.countdown-tip {
	display: inline-block;
	padding: .25rem .5rem;
	border: 1px solid red;
	background-color: #fff;
	line-height: 1.4;
	font-size: .75rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	transform-origin: 500% -800%;
	-webkit-transform-origin: 500% -800%;
	vertical-align: middle
}

.countdown-tip,
.countdown-tip a {
	color: red
}

.countdown-tip:after,
.countdown-tip:before {
	display: inline-block;
	height: 0;
	width: 0;
	border: solid transparent;
	border-width: 0 8px 16px;
	border-width: 0 .5rem 1rem;
	border-bottom-color: red;
	position: absolute;
	bottom: 100%;
	left: 100%;
	transform: rotate(45deg) translateY(10px);
	transform: rotate(45deg) translateY(.625rem);
	-webkit-transform: rotate(45deg) translateY(10px);
	-webkit-transform: rotate(45deg) translateY(.625rem)
}

.countdown-tip:after {
	border-bottom-color: #fff;
	margin-left: -2px;
	margin-left: -.125rem;
	margin-bottom: -2px;
	margin-bottom: -.125rem
}

.countdown-tip.closed {
	padding: 0;
	border: none;
	font-size: 0
}

.countdown-tip.closed:after,
.countdown-tip.closed:before {
	display: none
}

.countdown-tip-close,
.countdown-tip-open {
	position: absolute;
	top: 100%;
	right: 100%
}

.countdown-tip-close:after,
.countdown-tip-close:before {
	background: red
}

.countdown-tip-open {
	font-size: 1rem;
	color: red;
	display: none
}

.countdown-tip.closed .countdown-tip-close:after,
.countdown-tip.closed .countdown-tip-close:before {
	display: none
}

.countdown-tip.closed .countdown-tip-open {
	display: inline-block
}

.chat-textinput .kd-textinput {
	padding-top: .35rem;
	padding-bottom: .35rem;
	border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-width: 1px 0 0
}

.chat-textinput .kd-textinput,
.chat-textinput .kd-textinput>textarea {
	font-size: .875rem;
	line-height: 1
}

.chat-textinput .kd-textinput>textarea {
	height: 50px
}

.chat-notice,
.chat-textinput .kd-button.send {
	display: inline-block;
	vertical-align: middle;
	font-size: .875rem;
	margin: 0 2%
}

.chat-textinput .kd-button.send {
	width: 22%;
	padding: .3rem 0
}

.chat-notice {
	width: calc(100% - 5.375rem);
	height: 1.25rem;
	line-height: 1.25rem;
	white-space: nowrap;
	overflow: hidden;
	color: #999;
	margin: 0;
	vertical-align: middle
}

.chat-notice .important {
	color: red
}

.prompt-chat-history {
	max-width: 90%
}

.history-list li {
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px dashed #efefef
}

.history-title {
	color: #0b4aea
}

.history-message {
	padding: .5rem
}

.chat-history-pager .kd-pager-item {
	font-size: .875rem;
	margin: 0 .25rem
}

.prompt-question .kd-textinput {
	margin: 1rem 0
}

.prompt-question .kd-textinput,
.prompt-question .kd-textinput>input {
	font-size: .875rem
}

.chat-author.service0 .icon {
	line-height: 30px;
	background: #ff7272
}

.chat-author.service0 .name {
	color: #ff7272
}

.chat-author.service0 .icon:before {
	content: "\EA81";
	color: hsla(0, 0%, 100%, .5);
	background: none;
	font-size: 24px;
	font-size: 1.5rem;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 0;
	position: relative;
	left: auto;
	top: auto;
	margin-left: 0
}

.chat-author.service0 .icon:after,
.chat-author.system0 .icon,
.chat-author.system0 .name {
	display: none
}

.chat-author.system0,
.chat-message.system0 {
	text-align: center
}

.chat-message.system0 .inner:before {
	display: none
}

.chat-message.system0 .inner {
	background-color: #bbb;
	color: #fff;
	text-align: left;
	padding: .5rem;
	margin: 0 .25rem
}

.chat-message.system0 .icon-inner:before,
.icon-system0:before {
	content: "\EAA8";
	font-size: 20px;
	font-size: 1.25rem;
	vertical-align: -5px
}

.chat-message.system0 .icon-inner:after {
	content: "\7CFB\7EDF\FF1A"
}

.chat-head {
	position: fixed;
	width: 100%;
	top: 102px;
	padding: 8px;
	background: #fff
}

.chat-head .system-msg {
	color: #fbb368;
	margin-right: 8px
}

.chat-head .icon-system0 {
	margin-left: 5px;
	color: #70a6fe
}

.chat-more a {
	color: #f97157
}

@media(min-width:960px) {
	.chat-head {
		width: 640px;
		margin: 0 auto
	}
}

.page-account-chart .kd-body.chat-room {
	padding-top: 160px;
	min-height: 88vh
}

.page-online-service .kd-body.chat-room {
	min-height: 88vh
}

.prompt-chat-history {
	max-width: 600px
}

.page-account-chart .prompt-question {
	width: 480px
}

.coin,
.coin:before {
	display: block;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.coin {
	height: 44px;
	width: 44px;
	background: #ffe000;
	position: fixed;
	z-index: 8;
	text-align: center;
	line-height: 44px;
	color: #d4ba00
}

.coin:before {
	content: "";
	height: 80%;
	width: 80%;
	position: absolute;
	margin: -40% 0 0 -40%;
	border: 2px solid hsla(0, 0%, 100%, .8)
}

.red-package {
	height: 40px;
	width: 30px;
	background: red;
	position: fixed;
	z-index: 8;
	text-align: center;
	color: #ff9f9f;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	line-height: 20px;
	font-size: .875rem;
	box-shadow: 0 0 2px #fff;
	-webkit-box-shadow: 0 0 2px #fff
}

.red-package:before {
	content: "";
	display: block;
	width: 100%;
	height: 16px;
	border-bottom: 2px solid #ff9f9f;
	background: red;
	border-radius: 4px 4px 50px 50px;
	-webkit-border-radius: 4px 4px 50px 50px
}

.red-package:after {
	content: "";
	display: block;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #ff9f9f;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -2px
}

.lottery-ball,
.lottery-plus,
.lottery-prop {
	display: inline-block
}

.lottery-ball {
	height: 1.75rem;
	width: 1.75rem;
	text-align: center;
	line-height: 1.75rem;
	border-radius: 50%;
	color: #f97157;
	border: 2px solid;
	font-weight: 700
}

.lottery-ball.solid {
	border: none;
	color: #fff;
	background: linear-gradient(0deg, #ff6400, orange)
}

.lottery-ball.solid.ssc1{
	background: red;
}

.lottery-ball.solid.ssc2{
	background: linear-gradient(0deg, #ff6400, orange);
}

.lottery-ball.solid.ssc3{
	background: linear-gradient(0deg, #4a1212, #7c1f1f);
}

.lottery-ball.marksix.red {
	color: #b12525;
	border-color: #b12525
}

.lottery-ball.marksix.red.solid {
	background: linear-gradient(0deg, #b12525, #ee1515)
}

.lottery-ball.marksix.blue,
.lottery-ball.pk10.ball2 {
	color: #0972ce;
	border-color: #0972ce
}

.lottery-ball.marksix.blue.solid {
	background: linear-gradient(0deg, #0972ce, #0087fe)
}

.lottery-ball.marksix.green {
	color: #0b7607;
	border-color: #0b7607
}

.lottery-ball.marksix.green.solid {
	background: linear-gradient(0deg, #0b7607, #389c28)
}

.lottery-ball.pk10.ball1 {
	color: #a6a116;
	border-color: #a6a116
}

.lottery-ball.pk10.ball1.solid {
	background: linear-gradient(0deg, #a6a116, #d8d21c)
}

.lottery-ball.pk10.ball2 {
	color: #285dc7;
	border-color: #285dc7
}

.lottery-ball.pk10.ball2.solid {
	background: linear-gradient(0deg, #285dc7, #3273f9)
}

.lottery-ball.pk10.ball3 {
	color: #282a33;
	border-color: #282a33
}

.lottery-ball.pk10.ball3.solid {
	background: linear-gradient(0deg, #282a33, #515567)
}

.lottery-ball.pk10.ball4 {
	color: #b37524;
	border-color: #b37524
}

.lottery-ball.pk10.ball4.solid {
	background: linear-gradient(0deg, #b37524, #e6962d)
}

.lottery-ball.pk10.ball5 {
	color: #0a8f91;
	border-color: #0a8f91
}

.lottery-ball.pk10.ball5.solid {
	background: linear-gradient(0deg, #0a8f91, #0ec2c4)
}

.lottery-ball.pk10.ball6 {
	color: #23299e;
	border-color: #23299e
}

.lottery-ball.pk10.ball6.solid {
	background: linear-gradient(0deg, #23299e, #2d35d0)
}

.lottery-ball.pk10.ball7 {
	color: #808191;
	border-color: #808191
}

.lottery-ball.pk10.ball7.solid {
	background: linear-gradient(0deg, #808191, #aeafc5)
}

.lottery-ball.pk10.ball8 {
	color: #b32525;
	border-color: #b32525
}

.lottery-ball.pk10.ball8.solid {
	background: linear-gradient(0deg, #b32525, #e63131)
}

.lottery-ball.pk10.ball9 {
	color: #4a1212;
	border-color: #4a1212
}

.lottery-ball.pk10.ball9.solid {
	background: linear-gradient(0deg, #4a1212, #7c1f1f)
}

.lottery-ball.pk10.ball10 {
	color: #219918;
	border-color: #219918
}

.lottery-ball.pk10.ball10.solid {
	background: linear-gradient(0deg, #219918, #2dcc21)
}

.lottery-ball.cqssc.solid,
.lottery-ball.marksix.solid,
.lottery-ball.pk10.solid {
	color: #fff
}

.lottery-ball.baccarat,
.lottery-ball.longhu {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 1.75rem;
	height: 2.5rem;
	overflow: hidden
}

.lottery-ball.baccarat:after,
.lottery-ball.longhu:after {
	font-size: 16px;
	font-size: 1rem;
	position: absolute;
	bottom: -2px;
	bottom: -.125rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.lottery-ball-title {
	color: #666
}

.lottery-ball.club,
.lottery-ball.spade {
	color: #000
}

.lottery-ball.spade:after {
	content: "\EAD6"
}

.lottery-ball.diamond,
.lottery-ball.heart {
	color: red
}

.lottery-ball.heart:after {
	content: "\EAD5"
}

.lottery-ball.diamond:after {
	content: "\EAD4"
}

.lottery-ball.club:after {
	content: "\EAD3"
}

.lottery-prop {
	min-width: 1.875rem;
	height: 1.375rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	line-height: 1.375rem;
	font-size: .875rem;
	text-align: center
}

.lottery-prop.large-small,
.lottery-prop.odd-even {
	padding: 0;
	height: 1.375rem;
	width: 1.375rem;
	min-width: 0;
	line-height: 1.375rem;
	border-radius: 50%;
	background: #01c3b3;
	color: #fff;
	font-size: .75rem
}

.lottery-prop.odd-even {
	background: #f24439
}

.lottery-plus {
	height: .75rem;
	width: .75rem;
	position: relative;
	top: .5rem
}

.lottery-plus:after,
.lottery-plus:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #333
}

.lottery-plus:before {
	height: 2px;
	top: 50%;
	margin-top: -1px
}

.lottery-plus:after {
	width: 2px;
	left: 50%;
	margin-left: -1px
}

.lottery-odds {
	display: inline-block;
	color: #ff0042;
	vertical-align: middle;
	font-weight: 700
}

.lottery-ball.xync:not(.ballNaN),
.prev-game-balls .lottery-ball.solid.xync:not(.ballNaN) {
	width: 2.1875rem;
	height: 2.1875rem;
	vertical-align: middle;
	color: transparent;
	background: #ffe8b9 url(/static/images/spr_icon_fruit.png) 0 100% no-repeat;
	border: none
}

.lottery-ball.xync.ball1,
.prev-game-balls .lottery-ball.solid.xync.ball1 {
	background-position-y: 0
}

.lottery-ball.xync.ball2,
.prev-game-balls .lottery-ball.solid.xync.ball2 {
	background-position-y: 5%
}

.lottery-ball.xync.ball3,
.prev-game-balls .lottery-ball.solid.xync.ball3 {
	background-position-y: 10%
}

.lottery-ball.xync.ball4,
.prev-game-balls .lottery-ball.solid.xync.ball4 {
	background-position-y: 15%
}

.lottery-ball.xync.ball5,
.prev-game-balls .lottery-ball.solid.xync.ball5 {
	background-position-y: 20%
}

.lottery-ball.xync.ball6,
.prev-game-balls .lottery-ball.solid.xync.ball6 {
	background-position-y: 25%
}

.lottery-ball.xync.ball7,
.prev-game-balls .lottery-ball.solid.xync.ball7 {
	background-position-y: 30%
}

.lottery-ball.xync.ball8,
.prev-game-balls .lottery-ball.solid.xync.ball8 {
	background-position-y: 35%
}

.lottery-ball.xync.ball9,
.prev-game-balls .lottery-ball.solid.xync.ball9 {
	background-position-y: 40%
}

.lottery-ball.xync.ball10,
.prev-game-balls .lottery-ball.solid.xync.ball10 {
	background-position-y: 45%
}

.lottery-ball.xync.ball11,
.prev-game-balls .lottery-ball.solid.xync.ball11 {
	background-position-y: 50%
}

.lottery-ball.xync.ball12,
.prev-game-balls .lottery-ball.solid.xync.ball12 {
	background-position-y: 55%
}

.lottery-ball.xync.ball13,
.prev-game-balls .lottery-ball.solid.xync.ball13 {
	background-position-y: 60%
}

.lottery-ball.xync.ball14,
.prev-game-balls .lottery-ball.solid.xync.ball14 {
	background-position-y: 65%
}

.lottery-ball.xync.ball15,
.prev-game-balls .lottery-ball.solid.xync.ball15 {
	background-position-y: 70%
}

.lottery-ball.xync.ball16,
.prev-game-balls .lottery-ball.solid.xync.ball16 {
	background-position-y: 75%
}

.lottery-ball.xync.ball17,
.prev-game-balls .lottery-ball.solid.xync.ball17 {
	background-position-y: 80%
}

.lottery-ball.xync.ball18,
.prev-game-balls .lottery-ball.solid.xync.ball18 {
	background-position-y: 85%
}

.lottery-ball.xync.ball19,
.prev-game-balls .lottery-ball.solid.xync.ball19 {
	background-position-y: 90%
}

.lottery-ball.xync.ball20,
.prev-game-balls .lottery-ball.solid.xync.ball20 {
	background-position-y: 95%
}

.game-record .lottery-ball.xync,
.playing-record-list .lottery-ball.xync,
.prev-lottery-balls .lottery-ball.xync {
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	background-size: 1.875rem auto
}

.prev-lottery.xync {
	padding: .125rem 0
}

.playing-record-list .data-item .xync li {
	margin-right: 1px
}

.color-title {
	text-align: center
}

.color-title:after,
.color-title:before {
	content: "";
	display: inline-block;
	width: 113px;
	height: 22px;
	background: url(/static/images/color-title-bg.svg) no-repeat 50%;
	background-size: contain;
	vertical-align: 20px
}

.color-title:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.color-title__inner {
	display: inline-block;
	margin: 0 20px;
	color: #f97157;
	min-width: 160px
}

.color-title__inner h3 {
	font-size: 1.75rem
}

.color-title__end {
	color: #f4cd67
}

.color-title__next {
	color: #474747;
	font-size: 1rem;
	margin-top: 10px;
	text-transform: uppercase
}

.pagination a {
	text-align: center;
	font-size: 1.125rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	display: inline-block;
	margin: 0 2px;
	color: #1d1d1d;
	border: 1px solid
}

.pagination a.active {
	background: #1d1d1d;
	color: #f4cd67;
	border-color: #1d1d1d
}

.pagination a.disabled {
	color: #dfdddd;
	background: transparent
}

.breadcrumb {
	font-size: .875rem;
	display: inline-block;
	margin-right: 10px
}

.breadcrumb .active,
.breadcrumb .sepeartor,
.breadcrumb a {
	color: #ea3929;
	font-size: .75rem
}

.breadcrumb .active:after,
.breadcrumb .active:before,
.breadcrumb .sepeartor {
	content: "";
	display: inline-block;
	width: 8px;
	width: .5rem;
	height: 8px;
	height: .5rem;
	border: 1px solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 0 8px
}

.breadcrumb a:hover {
	text-decoration: underline
}

.title-area {
	color: #17130d;
	font-weight: 700;
	font-size: 1.125rem;
	float: left
}

.title-area h1 {
	font-size: 2.25rem;
	color: #f97055;
	display: inline-block;
	margin-right: 20px;
	vertical-align: -2px
}

.quick-tabs {
	float: right;
	background: #f4cd67;
	color: #17130d;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	overflow: hidden
}

.quick-tabs li {
	display: inline-block;
	padding: 0 20px;
	cursor: pointer
}

.quick-tabs li.active,
.quick-tabs li:hover {
	background: #f97157;
	color: #fff
}

.game-table {
	display: table;
	width: 100%;
	border: 1px solid #e2e2e2;
	border-collapse: collapse;
	font-size: .875rem;
	text-align: center
}

.game-table__row {
	display: table-row
}

.game-table__head {
	background: #eee;
	border-bottom: 1px solid #e2e2e2
}

.game-table__row>span {
	display: table-cell;
	word-break: break-word;
	vertical-align: middle;
	padding: .5rem .15rem;
	line-height: 1.25
}

.game-table__row>span>i {
	font-style: normal;
	margin: 0 2px;
	display: inline-block;
	white-space: nowrap
}

.game-table--border .game-table__row:not(:last-child) {
	border-bottom: 1px solid #e2e2e2
}

.game-table--border .game-table__row span:not(:last-child) {
	border-right: 1px solid #e2e2e2
}

.account__form {
	font-size: .875rem;
	color: #666;
	padding: 3rem 0
}

.account__form .kd-field {
	margin-bottom: 2rem
}

.account__form .info,
.account__form .kd-field-text,
.account__form .kd-field-title,
.account__form .kd-select,
.account__form .kd-textinput,
.account__form .text {
	display: inline-block;
	vertical-align: middle
}

.account__form .kd-textinput,
.account__form .main-button {
	width: 30%
}

.account__form .kd-textinput,
.account__form .kd-textinput input {
	font-size: .875rem
}

.account__form .kd-field-title {
	width: 8rem;
	text-align: right;
	margin-right: 2rem
}

.account__form .info,
.account__form .text {
	line-height: 1.5;
	min-width: 20%;
	max-width: 70%
}

.account__form .info {
	background: #eaeaea;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	padding: .5rem 1rem;
	font-size: .75rem
}

.account__form .info__title {
	font-size: 1rem
}

.account__form .info__intro {
	color: #999;
	line-height: 1.2
}

.account__form .main-button {
	font-size: 1rem;
	padding: .75rem 0
}

.account__form .notices-list li {
	margin: .75rem 0
}

.notices-list__index {
	display: inline-block;
	border-radius: 50%;
	background: #f4cd67;
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	margin-right: .25rem
}

a.info__link {
	color: #3f7dfb
}

a.info__link:hover {
	text-decoration: underline
}

.account__table {
	font-size: .875rem;
	text-align: center;
	line-height: 1.28;
	margin-top: 1rem
}

.account__table thead {
	background: #eaeaea
}

.account__table tbody {
	background: #fff
}

.account__table th {
	font-weight: 400
}

.account__table td,
.account__table th {
	text-align: center;
	padding: .5rem .25rem;
	vertical-align: middle;
	word-break: break-all
}

.account-nav li.account__search {
	text-align: right;
	display: block;
	float: right;
	padding: 5px 0;
	font-size: .875rem;
	width: auto
}

.account-nav li.account__search:hover,
.account-nav li.account__summary:hover {
	background: none
}

.account-nav li.account__summary {
	width: auto;
	padding: 0 1rem
}

.account__search .kd-button,
.account__search .kd-field,
.account__search .kd-select,
.account__search .kd-textinput,
.account__search label {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	width: auto
}

.account__search .kd-textinput>input {
	font-size: inherit
}

.account__search .kd-select,
.account__search .kd-textinput {
	padding: .1875rem .1rem
}

.account__search .date {
	max-width: 8.25rem
}

@keyframes n {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes n {
	0% {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn)
	}
}

@keyframes o {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}
}

@-webkit-keyframes o {
	0% {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(-1turn)
	}
}

@keyframes p {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg)
	}
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@-webkit-keyframes p {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(20deg)
	}
	to {
		-webkit-transform: rotate(0)
	}
}

@keyframes q {
	0%,
	45% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	22.5% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
	46%,
	68%,
	90% {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}
	46%,
	90% {
		-webkit-transform: rotateY(0);
		transform: rotateY(0)
	}
	68% {
		-webkit-transform: rotateY(1turn);
		transform: rotateY(1turn)
	}
}

@-webkit-keyframes q {
	0%,
	45% {
		-webkit-transform: translateX(0)
	}
	22.5% {
		-webkit-transform: translateX(100%)
	}
	46%,
	68%,
	90% {
		-webkit-animation-timing-function: linear
	}
	46%,
	90% {
		-webkit-transform: rotateY(0)
	}
	68% {
		-webkit-transform: rotateY(1turn)
	}
}

.a-game-logo,
.a-game-logo-inner,
.a-game-logo:after,
.a-game-logo:before {
	display: block
}

.a-game-logos {
	padding: 2rem
}

.a-game-logo {
	width: 100px;
	height: 100px;
	position: relative
}

.a-game-logos .a-game-logo {
	width: 150px;
	height: 150px;
	margin: 1rem 2%;
	position: relative;
	float: left
}

.a-game-logo-entity,
.a-game-logo-inner:before,
.a-game-logo-photo,
.a-game-logo:after,
.a-game-logo:before {
	content: "";
	display: block;
	position: absolute;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-duration: 5s;
	-webkit-animation-duration: 5s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

.a-game-logo:before {
	width: 95.8525%;
	height: 88.9401%;
	background: url(/static/images/animated-game-logos/circle1.png?v=1.0) no-repeat 50%;
	background-size: cover;
	top: 7.3733%;
	left: 4.6083%;
	-webkit-transform-origin: 45.6731% 48.1865%;
	transform-origin: 45.6731% 48.1865%
}

.a-game-logo:hover:before,
.hall__item:hover .a-game-logo:before {
	background-image: url(/static/images/animated-game-logos/circle1b.png)
}

.a-game-logo:after {
	width: 94.9309%;
	height: 94.0092%;
	background: url(/static/images/animated-game-logos/circle2.png) no-repeat 50%;
	background-size: cover;
	top: 2.765%;
	left: 0;
	-webkit-transform-origin: 50.9709% 50.4902%;
	transform-origin: 50.9709% 50.4902%;
	opacity: 0
}

.a-game-logo-inner {
	width: 71.8894%;
	height: 71.8894%;
	border-radius: 50%;
	position: absolute;
	top: 14.2857%;
	left: 12.9032%
}

.a-game-logo-entity,
.a-game-logo-inner:before {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	left: 0;
	top: 0;
	overflow: hidden
}

.a-game-logo-inner:before {
	background: url(/static/images/animated-game-logos/circle3.png) no-repeat 50%;
	background-size: cover
}

.a-game-logo-entity {
	white-space: nowrap;
	font-size: 0;
	transform: translate(0);
	-webkit-transform: translate(0)
}

.a-game-logo-photo {
	border-radius: 50%;
	animation-duration: 8s;
	-webkit-animation-duration: 8s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in
}

.a-game-logo-photo-1 {
	left: -100%
}

.a-game-logo-photo-2 {
	left: 0
}

.a-game-logo:hover:before,
.hall__item:hover .a-game-logo:before {
	animation-name: n;
	-webkit-animation-name: n
}

.a-game-logo:hover:after,
.hall__item:hover .a-game-logo:after {
	animation-name: o;
	-webkit-animation-name: o;
	transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	opacity: 1
}

.a-game-logo:hover .a-game-logo-inner:before,
.hall__item:hover .a-game-logo-inner:before {
	animation-name: p;
	-webkit-animation-name: p
}

.a-game-logo:hover .a-game-logo-photo,
.hall__item:hover .a-game-logo-photo {
	animation-name: q;
	-webkit-animation-name: q
}

.page-game-pcdd {
	background-color: #efeff4
}

.page-game-pcdd .kd-body.game-d {
	padding-left: 0
}

.page-game-pcdd ul.unstyle {
	margin: 0 auto;
	list-style: none;
	padding: 0
}

.kd-chip-button {
	font-size: .875rem;
	display: inline-block;
	height: 2.625rem;
	width: 2.625rem;
	color: #000;
	font-weight: 700;
	cursor: default
}

.kd-chip-button.selected .kdcb-inner {
	box-shadow: 0 0 .15rem .15rem #f3ef1d
}

.kd-chip-button.chip1 {
	color: #02a045
}

.kd-chip-button.chip2 {
	color: #198dfb
}

.kd-chip-button.chip3 {
	color: #7c4dff
}

.kd-chip-button.chip4 {
	color: #5434db
}

.kd-chip-button.chip5 {
	color: #e040fb
}

.kd-chip-button.chip6 {
	color: #ffa000
}

.kd-chip-button.chip7 {
	color: #b301d1
}

.kd-chip-button.chip8 {
	color: #e8226e
}

.kd-chip-button.chip9 {
	color: #062679
}

.kd-chip-button.chip10 {
	color: #87045d
}

.kd-chip-button.chip-odd-desc {
	color: #dc3507
}

.kd-chip-button.chip-odd-desc:before {
	content: "";
	display: block;
	width: 40px;
	width: 2.5rem;
	height: 40px;
	height: 2.5rem;
	position: relative;
	border-radius: 50%;
	border-left: 14px solid #cd650a;
	border-left: .875rem solid #cd650a;
	opacity: .15;
	z-index: 2;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.kd-chip-button.disabled {
	color: #888!important
}

.kdcb-inner {
	height: 100%;
	width: 100%;
	background: currentColor;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	transition: -webkit-transform .05s ease;
	transition: transform .05s ease;
	transition: transform .05s ease, -webkit-transform .05s ease;
	border: .0625rem solid
}

.kd-chip-button.active .kdcb-inner {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	box-shadow: 0 0 .625rem hsla(0, 0%, 100%, .6)
}

.kdcb-inner:before {
	content: "";
	display: block;
	width: 32px;
	width: 2rem;
	height: 32px;
	height: 2rem;
	background: currentColor;
	border-radius: 50%;
	margin: 4px auto;
	margin: .25rem auto;
	position: relative;
	z-index: 1
}

.kdcb-border:after,
.kdcb-border:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 10%
}

.kdcb-border.one:after,
.kdcb-border.one:before {
	height: 8px;
	height: .5rem;
	margin: -4px 0 0 -20px;
	margin: -.25rem 0 0 -1.25rem
}

.kdcb-border.one:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.kdcb-border.two:after,
.kdcb-border.two:before {
	width: 8px;
	width: .5rem;
	margin: -20px 0 0 -4px;
	margin: -1.25rem 0 0 -.25rem
}

.kdcb-border.two:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.kdcb-text {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -.875rem 0 0 -.875rem
}

.kd-chip-button.chip-odd-desc .kdcb-text {
	line-height: 1.1;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	font-weight: 400
}

.kd-radio2 .icon input {
	opacity: 0
}

.kd-radio2 .icon,
.kd-radio2.checked .icon:before {
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
	-webkit-border-radius: 100%
}

.kd-radio2 .icon {
	width: 30px;
	height: 30px;
	background-color: #09f;
	position: relative
}

.kd-radio2.checked .icon:before {
	content: "";
	height: 16px;
	width: 16px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px
}

.kd-checkbox.checked .icon:before,
.kd-checkbox .icon {
	display: inline-block;
	vertical-align: middle
}

.kd-checkbox .icon {
	width: 30px;
	height: 30px;
	position: relative;
	line-height: 30px;
	text-align: center
}

.kd-checkbox.checked .icon:before {
	content: "\2713";
	color: #fff
}

.kd-chip {
	display: inline-block;
	height: 46px;
	width: 46px;
	line-height: 1;
	font-size: 52px;
	border-radius: 100%;
	position: relative;
	color: #fdbb17;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	transition: all .2s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #fff
}

.kd-chip:before {
	content: "\EA38";
	position: absolute;
	top: -3px;
	left: -3px
}

.firefox .kd-chip:before {
	top: 1px
}

.kd-chip span {
	background-color: #fff;
	position: absolute;
	top: 10px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	text-align: center;
	border-radius: 100%;
	z-index: 1;
	font-size: .75rem !important;
	font-weight: 700;
	color: #000
}

.kd-chip span:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.kd-chip.checked {
	-webkit-transform: rotateX(45deg);
	transform: rotateX(45deg);
	box-shadow: 0 4px 0 0
}

.kd-chip.chip1 {
	color: #184f06
}

.kd-chip.chip2 {
	color: #009be5
}

.kd-chip.chip3 {
	color: #cb720f
}

.kd-chip.chip4 {
	color: #2065ae
}

.kd-chip.chip5 {
	color: #b7242e
}

.kd-chip.chip6 {
	color: #4d357c
}

.kd-chip.chip7 {
	color: #cb7210
}

.kd-chip.chip8 {
	color: #7c4dff
}

.kd-chip.chip9 {
	color: #e040fb
}

.kd-switch,
.kd-switch-space,
.kd-switch-val {
	display: inline-block
}

.kd-switch {
	font-size: 0;
	background-color: #e9e9e9;
	color: #fff;
	width: 4.375rem;
	white-space: nowrap;
	overflow: hidden;
	border-radius: .3125rem;
	-webkit-border-radius: .3125rem
}

.kd-switch-space,
.kd-switch-val {
	width: 50%;
	height: 100%;
	font-size: .875rem;
	padding: .5rem;
	background-color: #ec3939;
	text-align: center;
	cursor: pointer
}

.kd-switch-space {
	background: none
}

.kd-switch-val:first-child {
	background-color: #f4cd67;
	transition: margin-left .2s ease;
	margin-left: -50%
}

.kd-switch.checked .kd-switch-val:first-child {
	margin-left: 0
}

.kd-pager {
	text-align: center;
	font-size: 0;
	background: #eaeaea;
	padding: 1rem 0
}

.kd-pager-item {
	display: inline-block;
	margin: 0 .25rem;
	font-size: .875rem
}

a.kd-pager-item {
	color: inherit
}

a.kd-pager-item:hover:not(.disabled) {
	text-decoration: underline
}

.icon-user0111:before {
	content: "\EAE5"
}

.kd-head {
	color: #fff;
	background: #1d1d1d;
	font-size: .875rem;
	padding: 5px 0
}

.login-inputs {
	float: right
}

.login-inputs .kd-textinput {
	border: none;
	width: 125px;
	display: inline-block
}

.login-inputs .kd-textinput>input {
	font-size: .875rem;
	height: 21px;
	line-height: 21px
}

.login-inputs .kd-button {
	width: 90px;
	display: inline-block;
	border: none;
	font-size: .75rem;
	position: relative;
	color: #fff
}

.login-inputs .kd-button--fit {
	width: auto;
	color: #000;
	color: initial;
	padding: 5px 10px
}

.forgot {
	background: #bebebe;
	position: absolute;
	padding: 5px 2px;
	color: #666;
	right: 4px;
	top: 3px;
	border-radius: 2px;
	font-size: .75rem
}

.btn__login {
	background: #f4cd67
}

.btn__register {
	background: #f97157
}

.btn__freeplay {
	background: #10bf3e
}

.banner {
	background: #131313;
	font-size: 0;
	position: relative;
	overflow: hidden;
	transition: all 1s ease
}

.banner__bg {
	min-width: 1000px
}

.banner__title {
	position: absolute;
	right: 29.5%;
	top: 33%;
	width: 15%
}

.login__title {
	color: #f4cd67;
	margin-left: 8px
}

.login__value {
	color: #f97157
}

.login__money {
	max-width: 84px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	vertical-align: middle
}

.login__button {
	color: #000;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0 3px
}

.login-links {
	position: relative
}

.login-links a {
	margin-left: 8px
}

.login-inputs.logined {
	margin-top: 4px
}

.login-links .kd-button--fit {
	margin: 0
}

.login-links.ahover .kd-button--fit {
	color: #000
}

.page-game-base .icon-user0111 {
	margin-left: 0;
	vertical-align: -2px
}

.user-submenu-btn {
	position: relative;
	display: inline-block
}

.user-submenu {
	position: absolute;
	background: #f4cd67;
	top: 30px;
	padding: 5px;
	left: 50%;
	width: 96px;
	margin-left: -48px;
	text-align: center;
	z-index: 7
}

.user-submenu li {
	padding: 5px
}

.user-submenu:before {
	content: "";
	display: inline-block;
	border: 12px solid transparent;
	border-bottom-color: #f4cd67;
	top: -22px;
	left: 37px;
	position: absolute
}

.user-submenu a {
	color: #000;
	margin: 0
}

.user-submenu a:hover {
	color: #f97157
}

.icon-email:before {
	content: "\EA44"
}

.icon-callme:before {
	content: "\EA34"
}

.icon-call24hour:before {
	content: "\EA32"
}

.icon-qqsolid:before {
	content: "\EAB7"
}

.icon-qq:before {
	content: "";
	display: inline-block;
	width: 32px;
	width: 2rem;
	height: 80%;
	background: url(/static/images/qq.svg) no-repeat 50% 50%;
	background-size: 80%
}

.kd-toolbar {
	background: #1d1d1d;
	color: #fff;
	text-align: center;
	font-size: .875rem;
	padding: 20px 0 10px
}

.kd-toolbar__contacts {
	font-size: .875rem;
	border-bottom: 1px solid #4d4d4d;
	padding-bottom: 10px
}

.kd-toolbar__contact-item {
	display: inline-block;
	width: 24%
}

.kd-toolbar__links {
	font-size: .75rem;
	color: #b7b7b7
}

.kd-toolbar__links a {
	color: inherit;
	margin: 0 8px
}

.kd-toolbar__partners {
	margin-top: 10px
}

.kd-toolbar__partners a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px
}

.kd-toolbar__contact-title {
	color: #f4cd67
}

.kd-toolbar__contact-item .icon {
	font-size: 1rem;
	border: 1px solid #383838;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle
}

.copyright {
	margin-top: 10px;
	font-size: .75rem
}

.game-list-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 6;
	background-color: #fff;
	overflow: auto
}

.game-list-wrapper .page-title:after,
.game-list-wrapper .page-title:before {
	display: none
}

.game-list-wrapper .kd-games-list {
	border-top: 1px solid #e7e1e1;
	background: none
}

.game-list-wrapper .close-button {
	font-size: 1.5rem;
	position: absolute;
	right: 1rem;
	top: 1rem
}

.icon-snow:before {
	content: "\EACF"
}

.icon-snow {
	font-size: 2rem;
	color: inherit;
	vertical-align: -9px
}

.kd-game-group {
	margin: 20px 0 21px;
	font-size: 0
}

.kd-game-group-item {
	display: inline-block;
	border: 1px solid;
	font-size: .875rem;
	border-radius: 1rem;
	color: #1d1d1d;
	padding: .25rem 1rem;
	margin: 0 5px
}

.kd-game-group-item.active {
	background: #f4cd67;
	border-color: #f4cd67;
	color: #000;
	color: initial
}

.games-list-container {
	text-align: center;
	padding: 16px 0
}

.kd-games-list {
	text-align: left;
	padding: 0 74px
}

.kd-game {
	text-align: center;
	color: #1d1d1d;
	margin: 13px 0;
	width: 16.66667%
}

.kd-game,
.kd-game-logo {
	display: inline-block
}

.kd-game .icon {
	font-size: 70px;
	position: relative
}

.kd-game-name {
	font-size: 1rem
}

.kd-game-period {
	font-size: .75rem;
	color: #999;
	line-height: 1.5
}

.kd-game-time {
	font-size: 1rem
}

.kd-game-countdown {
	position: relative;
	color: #00b054;
	border: 2px solid;
	border-radius: 50%;
	width: 1.125rem;
	height: 1.125rem;
	display: inline-block;
	vertical-align: -3px;
	margin-right: .15rem
}

.kd-game-time--stop {
	color: #d2d2d2
}

.kd-game-time--stop .kd-game-countdown {
	color: #f9755c
}

.kd-game-countdown:after {
	content: "";
	display: inline-block;
	border: 5px solid transparent;
	border-left-color: inherit;
	position: absolute;
	left: 5px;
	top: 2px
}

.kd-game-time--stop .kd-game-countdown:after {
	border: none;
	background: currentColor;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	left: 3px;
	top: 3px
}

.games-list-container .pagination {
	margin-top: 20px
}

.icon-cqssc:before {
	content: "\EA74"
}

.icon-tjssc:before {
	content: "\EA75"
}

.icon-xjssc:before {
	content: "\EA76"
}

.icon-pk10:before {
	content: "\EA6E"
}

.icon-bjl:before {
	content: "\EA54"
}

.icon-marksix:before {
	content: "\EA68"
}

.icon-sd115:before {
	content: "\EA71"
}

.icon-gd115:before {
	content: "\EA5D"
}

.icon-ahk3:before,
.icon-jsk3:before,
.icon-shk3:before {
	content: "\EA64"
}

.icon-lhd:before {
	content: "\EA66"
}

.icon-zlm:before {
	content: "\EA67"
}

.icon-pcdd:before {
	content: "\EA6C"
}

.icon-aksfc:before {
	content: "\EA4D"
}

.icon-xyx:before {
	content: "\EA7F"
}

.icon-app:before {
	content: "\EA2C"
}

.icon-aksfc1:before {
	content: "\EA4B"
}

.icon-aksfc2:before {
	content: "\EA4C"
}

.icon-aksfc5:before {
	content: "\EA4A"
}

.icon-ft:before {
	content: "\EA5C"
}

.icon-tjssc:after {
	content: var(--icon-game-ssc-tj)
}

.icon-xjssc:after {
	content: var(--icon-game-ssc-xj)
}

.icon-js:before {
	content: "\EA62"
}

.icon-sx115:before {
	content: "\EA77"
}

.icon-fc3d:before {
	content: "\EA5B"
}

.icon-tcpl3:before {
	content: "\EA70"
}

.icon-ofsc:before {
	content: "\EA48"
}

.icon-xync:before {
	content: "\EA7E"
}

.icon-gxklsf:before {
	content: "\EA63"
}

.icon-pcdd-bj:before {
	content: "\EA51"
}

.icon-pcdd-jnd:before {
	content: "\EA5F"
}

.icon-pcdd-cq:before {
	content: "\EA55"
}

.icon-pcdd-xj:before {
	content: "\EA7B"
}

.icon-pcdd-dm:before {
	content: "\EA5A"
}

.icon-pcdd-teq:before {
	content: "\EA78"
}

.icon-pcdd-mxg:before {
	content: "\EA69"
}

.icon-pcdd-sllk:before {
	content: "\EA73"
}

.icon-pcdd-nxl:before {
	content: "\EA6B"
}

.icon-pcdd-nw:before {
	content: "\EA6A"
}

.kd-game .icon-lhd,
.kd-game .icon-pcdd-jnd,
.kd-game .icon-pcdd-mxg,
.kd-game .icon-pcdd-nxl,
.kd-game .icon-pcdd-sllk,
.kd-game .icon-pcdd-teq,
.kd-game .icon-pk10,
.kd-game .icon-tcpl3,
.kd-game .icon-xync {
	font-size: 90px
}

.kd-game-coming {
	text-align: center;
	font-size: 2rem;
	line-height: 200px;
	margin-top: -20px;
	color: red
}

.games-top-list {
	padding: .5rem 0 .3125rem;
	text-align: center;
	background: #fff
}

.game-pcdd-item {
	display: inline-block;
	border-radius: .3125rem .3125rem 0 0;
	width: 45%;
	max-width: 300px;
	padding: .25rem 0 .1875rem;
	position: relative
}

.game-pcdd-item+.game-pcdd-item {
	margin-left: 3.125%
}

.prompt-check-in-rule .prompt-foot {
	text-align: center;
	padding-top: .5rem
}

.prompt-check-in-rule .kd-button {
	font-size: 1rem;
	width: auto;
	padding: .5rem 2rem
}

.kd-button--checkin {
	background: #58d3ef
}

.prompt-in-game-rule .prompt-foot {
	text-align: center;
	padding-top: .5rem
}

.prompt-in-game-rule .kd-button {
	font-size: 1rem;
	max-width: 70%
}

.pcdd-game-rule-wrapper {
	line-height: 2;
	padding: .5rem;
	font-size: .9375rem;
	z-index: 7;
	overflow: hidden
}

.pcdd-game-rule-wrapper .page-title {
	padding: .5rem 0
}

.pcdd-game-rule-wrapper .close-button {
	font-size: 1.125rem;
	padding-left: 1rem
}

.pcdd-game-rule-body {
	height: calc(100% - 3.5rem);
	overflow: auto
}

.pcdd-game-rule-wrapper table,
.pcdd-game-rule-wrapper tr>td,
.pcdd-game-rule-wrapper tr>th {
	border: none
}

.pcdd-game-chart-wrapper {
	background: #efeff4;
	overflow: hidden
}

.pcdd-game-chart-wrapper .page-title {
	background: #fff
}

.pcdd-game-chart-body {
	height: calc(100% - 3.75rem);
	overflow: auto
}

.pcdd-game-chart-wrapper table {
	border: none
}

.pcdd-game-chart td,
.pcdd-game-chart th {
	text-align: center;
	border: none;
	vertical-align: middle
}

.pcdd-game-chart th {
	background: #5b6b88;
	color: #fff;
	font-weight: 400;
	font-size: .875rem;
	padding: .875rem 0;
	width: 10%
}

.pcdd-game-chart td {
	background: #f6f8ff;
	text-align: center;
	color: #333;
	padding: .625rem 0;
	font-size: .75rem
}

.pcdd-game-chart tr:nth-child(odd) td {
	background: #fff
}

.pcdd-game-chart tr td:first-child,
.pcdd-game-chart tr td:last-child {
	padding: 0 .3125rem
}

.large-small.both,
.odd-even.both {
	width: 2.25rem;
	border-radius: .625rem
}

.chart-load-more {
	padding: 1rem 0;
	text-align: center;
	font-size: .875rem
}

.slides-wrapper {
	position: relative;
	padding-bottom: 25%
}

.slides {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 0
}

.slides-inner {
	list-style: none;
	padding-left: 0;
	white-space: nowrap;
	font-size: 0
}

.slides-inner img {
	display: block;
	width: 100%
}

.slides-item {
	display: inline-block;
	font-size: 1rem
}

.slides-nav {
	list-style: none;
	padding-left: 0;
	position: absolute;
	left: 50%;
	bottom: .5rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	font-size: 0;
	background: rgba(0, 0, 0, .52);
	border-radius: 2rem;
	padding: .3125rem
}

.slides-nav-item {
	display: inline-block;
	margin: 0 .3125rem;
	height: .625rem;
	width: .625rem;
	border-radius: 50%;
	background: #fff
}

.slides-nav-item.active {
	background: #fdc53b
}

.slides-direction {
	display: block;
	height: 2rem;
	width: 2rem;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	font-size: 0;
	line-height: 2rem;
	opacity: .75;
	text-shadow: 0 0 2px rgba(0, 0, 0, .75)
}

.slides-direction:before {
	font-size: 24px;
	font-size: 1.5rem
}

.slides-prev {
	left: 1rem
}

.slides-prev:before {
	content: "\EA2D"
}

.slides-next {
	right: 1rem
}

.slides-next:before {
	content: "\EA2E"
}

.slides-wrapper--bottom {
	padding-bottom: 20.3125%
}

.kd-notice {
	font-size: 0;
	float: left;
	line-height: 28px
}

.kd-notice>* {
	display: inline-block;
	font-size: .875rem;
	vertical-align: middle
}

.kd-notice-body {
	width: 400px;
	overflow: hidden;
	white-space: nowrap
}

.kd-notice a:hover {
	color: #f4cd67
}

.kd-marquee {
	overflow: hidden;
	white-space: nowrap
}

.kd-marquee .inner {
	display: inline-block
}

.kd-shortcut {
	background: #212121;
	border: 1px solid #262626;
	font-size: 1rem;
	position: relative;
	z-index: 4;
	line-height: 2
}

.kd-shortcut .container-lg {
	position: relative;
	padding: 20px 0 0 185px
}

.kd-shortcut-item.active>a,
.kd-shortcut-item:hover>a,
.kd-shortcut-subitem.active>a {
	color: #fdd835
}

.kd-shortcut-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.kd-shortcut-item {
	display: inline-block;
	padding: 5px 12px;
	position: relative;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.kd-shortcut-item:last-of-type {
	padding-right: 0
}

.nav-logo {
	background: #f4cd67;
	display: inline-block;
	position: absolute;
	padding: 18px 8px;
	left: 0;
	top: 0;
	width: 160px
}

.nav-logo__img {
	vertical-align: middle;
	width: 100%
}

.kd-shortcut-sub {
	position: absolute;
	text-align: center;
	width: 100%;
	min-width: 100px;
	top: 43px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-top: none;
	-webkit-perspective: 400px;
	perspective: 400px;
	max-height: 0
}

.kd-shortcut-subitem {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	background: #1d1d1d;
	border-top: 1px solid #393939;
	border-radius: 5px;
	transition: opacity .4s, -webkit-transform .5s;
	transition: opacity .4s, transform .5s;
	transition: opacity .4s, transform .5s, -webkit-transform .5s
}

.kd-shortcut-item .kd-shortcut-subitem:first-child {
	border-top: none
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(2) {
	transition-delay: 50ms
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(3) {
	transition-delay: .1s;
	transition-delay: .15s
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(4) {
	transition-delay: .2s
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(5) {
	transition-delay: .25s
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(6) {
	transition-delay: .3s
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(7) {
	transition-delay: .35s
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(8) {
	transition-delay: .4s
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(9) {
	transition-delay: .45s
}

.kd-shortcut-item .kd-shortcut-subitem:nth-child(10) {
	transition-delay: .5s
}

.kd-shortcut-item:hover .kd-shortcut-subitem {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

.kd-shortcut-sub a {
	display: block;
	white-space: nowrap
}

.prompt-body-updating-tip {
	color: blue;
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
	padding: 2rem 1rem 1rem
}

.icon-member-news:before {
	content: "\EAE3"
}

.icon-mn-playing:before {
	content: "\EA31"
}

.icon-mn-money-out:before {
	content: "\EA99"
}

.icon-mn-winning:before {
	content: "\EA80"
}

.member-news .color-title {
	margin: 35px 0
}

.member-news {
	padding-bottom: 60px
}

.member-news__body,
.member-news__container {
	color: #1d1d1d;
	border: 1px solid;
	height: 95px;
	border-radius: 95px;
	padding: 5px;
	overflow: hidden;
	text-align: center;
	font-size: .875rem
}

.member-news__body {
	background: linear-gradient(0deg, #3e3e3e, #000);
	height: 83px;
	border: none
}

.member-news__item {
	color: #fff;
	width: 33.33%;
	float: left
}

.member-news__item span {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap
}

.member-news__index {
	background: linear-gradient(90deg, #374cec, #0ca5c7);
	color: #fff;
	border-radius: 50%;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin: 10px 5px;
	font-size: 1.25rem
}

.member-news__index--money-out {
	background: linear-gradient(90deg, #19da43, #1cab48)
}

.member-news__index--winning {
	background: linear-gradient(90deg, #f15193, #ff6a77)
}

span.member-news__separator {
	vertical-align: 1px
}

.member-news__money {
	color: #f97157
}

.member-news__game {
	width: 5rem;
	text-align: left
}

.member-news__user {
	width: 5rem
}

.member-news__money {
	width: 3.5rem
}

.qq-service {
	position: absolute;
	right: 0;
	top: -1.125rem;
	font-size: 0;
	width: 4rem;
	height: 3rem
}

.qq-service .icon {
	position: absolute;
	bottom: -.625rem;
	left: 0
}

.qq-service .icon-qq {
	font-size: 3rem;
	color: #900
}

.qq-service .icon-qq.animated {
	animation-duration: 3s;
	-webkit-animation-duration: 3s
}

.qq-service .icon-double-arrow {
	font-size: 1.5rem;
	left: auto;
	right: 0;
	bottom: 0
}

.qq-service.hide-me {
	width: 1.5rem;
	overflow: hidden
}

.qq-service.hide-me .icon-qq {
	bottom: 100%
}

.qq-service.hide-me .icon-double-arrow {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.prompt-notice.promptbox {
	border-radius: .625rem;
	padding: 0
}

.prompt-notice .prompt-head {
	border-radius: .55rem .55rem 0 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: #333;
	padding-left: .8rem
}

.prompt-notice .prompt-close.kd-close:before {
	width: 80%;
	margin-left: 10%
}

.prompt-notice .prompt-close.kd-close:after {
	height: 80%;
	margin-top: 10%
}

.prompt-notice .prompt-close.kd-close {
	border-radius: 50%;
	border: 2px solid #fff;
	padding: .5rem;
	top: .425rem;
	right: .625rem
}

.prompt-notice .article-title {
	max-width: 93.75%;
	margin: 0 auto;
	letter-spacing: 0;
	padding: 0;
	line-height: 1.5
}

.prompt-notice .article-title:after,
.prompt-notice .article-title:before {
	display: none
}

.prev-game-balls {
	display: inline-block;
	vertical-align: middle;
	font-weight: bolder
}

.prev-game-balls .lottery-ball.solid {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	background: radial-gradient(circle at 40% -10%, #fff 18%, #ececec 58%, #d9d9d9 71%, #bebebe 86%, #cdcdcd 100%);
	box-shadow: 0 3px 3px #e5ac39;
	display: inline-block;
	margin: 0 2px;
	color: #1d1d1d;
	font-size: 1.5rem
}

.prev-game-balls .lottery-ball.solid.marksix:not(.ballNaN),
.prev-game-balls .lottery-ball.solid.pk10:not(.ballNaN) {
	color: #fff;
	box-shadow: none;
	font-size: 1rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem
}

.playing-record-list .lottery-ball.solid.jsk3,
.prev-game-balls .lottery-ball.solid.jsk3:not(.ballNaN) {
	background: url(/static/images/touzi.png) 0 0 no-repeat;
	background-size: 100%;
	border-radius: 12px;
	color: transparent;
	margin: 0 10px
}

.playing-record-list .lottery-ball.solid.jsk3 {
	border-radius: 5px;
	margin: 0 5px
}

.playing-record-list .lottery-ball.solid.jsk3.ball2,
.prev-game-balls .lottery-ball.solid.jsk3.ball2 {
	background-position-y: 19.8%
}

.playing-record-list .lottery-ball.solid.jsk3.ball3,
.prev-game-balls .lottery-ball.solid.jsk3.ball3 {
	background-position-y: 39.6%
}

.playing-record-list .lottery-ball.solid.jsk3.ball4,
.prev-game-balls .lottery-ball.solid.jsk3.ball4 {
	background-position-y: 59.5%
}

.playing-record-list .lottery-ball.solid.jsk3.ball5,
.prev-game-balls .lottery-ball.solid.jsk3.ball5 {
	background-position-y: 79.5%
}

.playing-record-list .lottery-ball.solid.jsk3.ball6,
.prev-game-balls .lottery-ball.solid.jsk3.ball6 {
	background-position-y: 99.5%
}

.lottery-plus {
	margin: 0 .5rem
}

.lottery-prop {
	font-weight: 400
}

.gamehead__countdown {
	display: inline-block;
	font-weight: bolder
}

.gamehead__time {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: 0 2px;
	display: inline-block;
	vertical-align: middle
}

.gamehead__time:after,
.gamehead__time:before,
.gamehead__timenum {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border-radius: .5rem;
	background: linear-gradient(0deg, #fbe8b6, #fbe8b6 49%, #ffe49d 51%, #fffdf8);
	display: block;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.gamehead__timenum {
	z-index: 1
}

.gamehead__time:after {
	top: 2px
}

.gamehead__time:before {
	top: 4px
}

.playing-news {
	margin-top: .75rem;
	text-align: center;
	font-size: .875rem;
	line-height: 2;
	border: 1px solid #e2e2e2
}

.playing-news span {
	display: inline-block;
	width: 30%;
	white-space: nowrap
}

.playing-news__head {
	background: #eee;
	border-bottom: 1px solid #e2e2e2
}

.playing-news__body {
	max-height: 150px;
	overflow: hidden;
	padding: .5rem 0
}

.playing-news span:first-child {
	width: 20%
}

.playing-methods {
	background: linear-gradient(0deg, #059BF3 51%, #059BF3 0);
    /* border: 1px solid #059BF3; */
    font-size: 1rem;
}

.playing-methods__item {
	float: left
}

.playing-methods__item .item {
	color: #fff;
	display: block;
	padding: .3125rem .5rem;
	font-size: .875rem
}

.playing-methods__item .item.active,
.playing-methods__item .item:hover {
	box-shadow: 0 0 0 1px #e15f46;
	background: linear-gradient(0deg, #f97157 51%, #ff9581 0);
	color: #fff
}

.playing-method-section {
	background: #fff;
	border: 1px solid #e2e2e2;
	color: #333;
	font-size: .875rem;
	margin: 8px 10px
}

.playing-method-section:first-of-type {
	margin-top:90px
}

.playing-method__input {
	width: 94%;
	display: inline-block;
	padding: .1875rem
}

.playing-method__item {
	width: 20%;
	box-shadow: 1px 1px #e8e8e8;
	position: relative
}

.lianma{
	width:10%;
}
.lottery-balls .kuai3{
	width:16.6666%;
}

.lottery-balls .all{
	width:100%;
}

.lottery-ball.ks.ks2.solid {
    background: linear-gradient(0deg, #285dc7, #3273f9);
}
 .act{
	background: url(/img/actbg.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
   /*  z-index: 1000; */
}

.playing-method__item:after,
.playing-method__item:before {
	/* content: ""; */
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 30%;
	background: #e8e8e8
}

.playing-method__item:after {
	left: 56%
}

.playing-method__cells {
	text-align: center;
	padding: 3px 0;
	cursor: pointer;
	display:flex;
    justify-content:space-around;
    align-items: center;
    height: 34px;
}

.playing-method__cell {
	display: inline-block;
	width: 25%;
	vertical-align: middle;
	line-height: 20px;
}
  

.playing-method__cell-input {
	width: 40%;
	text-align: right
}

.playing-method__cell-input input {
	font-size: .875rem;
	height: 1.2rem;
	line-height: 1.2
}

.playing-method__item.selected {
	background: #ffd9d5
}

.playing-method-section-title {
	text-align: center;
	font-size: inherit;
	font-weight: 400;
	line-height: 2;
	border-bottom: 1px solid #e8e8e8;
	background: #f7f7f7;
}

.playing-method-section--column {
	width: calc(20% - 4px);
	float: left;
	margin: 0 0 10px
}

.playing-method-section--column .playing-method__item {
	width: 100%
}

.playing-method-section--start {
	clear: left;
	margin-left: 10px
}

.playing-method-section--end {
	margin-right: 10px
}

.playing-method-section--end+.playing-method-section {
	clear: both
}

.playing-method-section--cell-l .playing-method__item {
	width: 33.33%
}

.playing-method-section--cell-m .playing-method__item {
	width: 25%
}

.icon-setting-3:before {
	content: "\EAC4"
}

.lottery-balls .allNum{
	width:25%;
}
.lottery-balls .swst{
	width:11.111%;
}

.lottery-balls .swht{
	width:50%;
}
.lottery-ball.lhc.solid.hb{
	background: #F02828;
}
.lottery-ball.lhc.solid.lanb{
	background: #336DCC;
}
.lottery-ball.lhc.solid.lvb{
	background:#09B832;
}

.lottery-ball.pcdd.solid.hb{
	background: #F02828;
}
.lottery-ball.pcdd.solid.lanb{
	background: #336DCC;
}
.lottery-ball.pcdd.solid.lvb{
	background:#09B832;
}

.bet-form {
	clear: both;
	margin: 5px 0px;
	position: relative
}

.bet-form__chips {
	width: 56%;
	float: left
}

.bet-form__chips .kd-chips {
	display: none;
	text-align: left
}

.has-chips .kd-chips {
	display: inline-block
}

.bet-form__main {
	float: right
}

.has-chips .bet-form__main {
	margin-top: 4px
}

.bet-form__main .kd-button {
	color: #fff;
	border: 1px solid #debd66;
	border-radius: 3px;
	margin-left: 5px
}

.bet-form__chips .kd-button.active,
.bet-form__chips .kd-button:hover {
	background: #f97157;
	border-color: #e15f46;
	color: #fff
}

.bet-form__submit.kd-button {
	background: #f97157;
	border-color: #e15f46
}

.bet-form__main .kd-textinput {
	display: inline-block;
	padding: .125rem .15rem .125rem 3.25rem;
	width: 7rem
}

.kd-textinput__icon {
	position: absolute;
	top: 0;
	left: 0;
	font-size: .875rem;
	line-height: 2.125rem;
	width: 3rem;
	height: 100%;
	background: #f4f4f4;
	text-align: center;
	border-right: 1px solid #dedede
}

.bet-form__label {
	font-size: .875rem;
	vertical-align: middle;
	margin: 0 5px
}

.bet-form__main .kd-checkbox {
	width: 1rem;
	height: 1rem;
	background: #f4f4f4;
	border: 1px solid #dedede;
	vertical-align: middle
}

.bet-form__chips .kd-button,
.bet-form__chips .kd-chips {
	display: inline-block;
	vertical-align: middle
}

.bet-form__chips .kd-button {
	background: #f4f4f4;
	border: 1px solid #dedede;
	margin-right: 10px;
	padding: .25rem .5rem;
	border-radius: 3px
}

.bet-form__chips .kd-button .icon {
	font-size: 1.5rem;
	vertical-align: -6px;
	margin-right: 3px
}

.bet-form__chips .kd-chips .kd-chip {
	margin: 0;
	margin-right: 5px;
	width: 2.75rem;
	height: 2.75rem;
	font-size: 49px
}

.bet-form__chips .kd-chip span {
	font-size: .875rem;
	top: 12px;
	right: 10px;
	bottom: 10px;
	left: 10px
}

.bet-form--bottom {
	margin-bottom: 10px
}

.bet-form__chipsetting {
	position: absolute;
	background: #fff;
	border: 1px solid #e15f46;
	left: 120px;
	width: calc(100% - 120px);
	z-index: 1;
	border-radius: 5px;
	top: -10px;
	height: 66px
}

.bet-form__chipsetting .kd-chips {
	display: inline-block
}

.bet-form__chipsetting .kd-button {
	vertical-align: 1rem
}

.bet-form__chipsave {
	background: #f97157;
	border-color: #e15f46;
	color: #fff;
	margin: 0 .5rem
}

.bet-form__close {
	right: -12px;
	top: -14px;
	position: absolute;
	border-radius: 50%;
	background: #f97157;
	width: 1.5rem;
	height: 1.5rem;
	font-size: .75rem;
	text-align: center;
	line-height: 1.5rem
}

.prompt-select-balls .promptbox {
	padding-bottom: 0;
	width: 640px
}

.prompt-select-balls .promptbox-overlay {
	background: #000
}

.prompt-select-balls .lottery-balls-list {
	margin-bottom: 1rem;
	text-align: center
}

.prompt-select-balls .lottery-balls-list+.lottery-balls-list {
	border-top: 2px dashed #f0f0f0
}

.prompt-select-balls .lottery-ball {
	margin: 1rem .5rem 0;
	font-size: 1rem;
	vertical-align: middle;
	cursor: pointer
}

.prompt-select-balls .lottery-ball.solid {
	border: none
}

.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.cqssc,
.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.sd115 {
	border-color: #ff8200;
	color: #ff8200
}

.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.cqssc.solid,
.prompt-select-balls .lottery-balls-list:nth-child(2n) .lottery-ball.sd115.solid {
	background: #ff8200;
	color: #fff
}

.prompt-select-balls .lottery-ball.sd115 {
	margin: .5rem .25rem 0
}

.prompt-select-balls .prompt-foot {
	margin-top: 1rem;
	text-align: center
}

.prompt-select-balls .kd-button {
	width: auto;
	display: inline-block;
	padding: .5rem 2rem;
	margin: 0 2rem 1rem
}

.prompt-select-balls .has-special-odds {
	padding-bottom: 1rem;
	color: #ff7e00
}

.prompt-cart-list .promptbox {
	padding: 10px;
	color: #333;
	border: none;
	max-width: none;
	width: 800px
}

.prompt-cart-list .promptbox-overlay {
	background-color: #000
}

.prompt-cart-list .prompt-head {
	background: #fff;
	color: inherit;
	font-size: .875rem;
	border-bottom: 1px solid #dedede;
	padding: 1rem 0 2rem;
	margin: 0 10px
}

.prompt-cart-list .prompt-close.kd-close {
	top: 1.25rem;
	right: 1.25rem;
	width: 1.5rem;
	height: 1.5rem
}

.prompt-cart-list .prompt-close.kd-close:after,
.prompt-cart-list .prompt-close.kd-close:before {
	background: #666
}

.prompt-cart-list .prompt-close.kd-close:before {
	height: 1px
}

.prompt-cart-list .prompt-close.kd-close:after {
	width: 1px
}

.prompt-cart-list .prompt-foot {
	margin: 2rem .75rem 0;
	text-align: right
}

.prompt-cart-list .kd-button {
	margin-right: .25rem;
	color: #666
}

.prompt-cart-list .bet-form__submit {
	color: #fff;
	border: 1px solid
}

.prompt-cart-list .icon-trash {
	display: block;
	font-size: 0;
	color: #666
}

.prompt-cart-list .icon-trash:before {
	content: "\EAD8";
	font-size: 12px;
	font-size: .75rem
}

.cart-table {
	background: #f7f7f7;
	color: #333
}

.cart-table td {
	text-align: center;
	padding: .75rem .25rem
}

.cartbtn__cancel {
	background: #fff;
	border: 1px solid #dedede
}

.room-box {
	color: #fff;
	min-height: 4.0625rem;
	font-size: .875rem;
	position: relative;
	background: linear-gradient(90deg, #067800, #09c100 53%, #068300);
	border-radius: .5rem;
	margin-top: .75rem
}

.room-box:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat 73% 100%;
	background-size: 20%
}

.room-box-bg {
	width: 100%
}

.room-box-closed {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(1);
	filter: grayscale(1)
}

.room-box-closed .kd-cover-hidden {
	cursor: not-allowed
}

.room-box__header {
	position: absolute;
	left: 8%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-bottom: .875rem
}

.room-title {
	font-size: 1.625rem;
	letter-spacing: .125rem;
	text-shadow: 0 0 .15em #284b97
}

.room-agent {
	font-size: .75rem;
	margin-top: .3125rem
}

.room-agent--desc {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: bottom;
	margin-top: 0
}

@media (max-width:350px) {
	.room-title {
		font-size: 1.5rem
	}
	.room-agent {
		-webkit-transform: scale(.84);
		transform: scale(.84);
		-webkit-transform-origin: left center;
		transform-origin: left center;
		margin-top: .15rem
	}
}

.room-odd-desc {
	background: linear-gradient(0deg, #f4ac00, #fbeb39);
	color: #f23f00;
	border-radius: 2rem;
	padding: .25rem .375rem;
	box-shadow: inset 0 .15rem 0 .1875rem #ffff68;
	letter-spacing: .0625rem;
	text-indent: .0625rem;
	font-weight: 400;
	z-index: 1;
	top: .3125rem;
	right: .3125rem
}

.room-desc,
.room-odd-desc {
	font-size: .75rem;
	position: absolute
}

.room-desc {
	width: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, .3), hsla(0, 0%, 100%, .1) 90%);
	border-radius: 0 0 .5rem .5rem;
	height: 1.25rem;
	line-height: 1.25rem;
	bottom: .125rem;
	padding-left: calc(8% - .5rem)
}

.room-desc:before {
	display: inline-block;
	content: "\EAE4";
	color: #b9ecff;
	font-size: 1.5em;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 2px;
	margin-right: .125rem
}

.firefox .room-desc:before {
	margin-top: 3px
}

.room-box .kd-cover-hidden {
	opacity: 1;
	text-indent: -999em;
	background: none
}

.room-box.level1 {
	margin-top: 0
}

.room-box.level1:before {
	background-image: url(/static/images/room-level1.png)
}

.room-box.level2 {
	background: linear-gradient(90deg, #0825d7, #2581ff 53%, #0f31ff)
}

.room-box.level2:before {
	background-image: url(/static/images/room-level2.png);
	background-size: 25%;
	background-position: 76% 100%
}

.room-box.level3 {
	background: linear-gradient(90deg, #cb003e, #f93098 53%, #fd2164)
}

.room-box.level3:before {
	background-image: url(/static/images/room-level3.png);
	background-position: 75% 60%
}

.icon-more-nav-info-circle:before {
	content: "\EA8A";
	color: #ef9527
}

.icon-more-nav-invite-friend:before {
	content: "\EA8C";
	color: #2ebc91
}

.icon-more-nav-money-bag:before {
	content: "\EA98";
	color: #ef9527
}

.icon-more-nav-hamburger:before {
	content: "\EA83";
	color: #2ea0bc
}

.icon-more-nav-notebook:before {
	content: "\EAA7";
	color: #2ebc91
}

.icon-more-nav-hammer:before {
	content: "\EA84";
	color: #2ea0bc
}

.icon-more-nav-star-flag:before {
	content: "\EAD1";
	color: #a663e2
}

.icon-more-nav-red-package:before {
	content: "\EABA";
	color: #bc452e
}

.more-nav-toggle {
	display: block;
	background: rgba(0, 197, 176, .8);
	border-width: .0625rem solid hsla(0, 0%, 100%, .8);
	box-shadow: 0 .125rem .125rem rgba(4, 202, 208, .8);
	border-radius: 50%;
	position: fixed;
	bottom: 5rem;
	right: 1rem;
	color: #fff;
	height: 2.5rem;
	width: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .875rem;
	transition: bottom .05s ease;
	z-index: 6
}

.is-hide-toolbar .more-nav-toggle {
	bottom: 1.5rem
}

.in-pcdd-room .more-nav-toggle {
	bottom: 7.75rem
}

.is-hide-toolbar .in-pcdd-room .more-nav-toggle {
	bottom: 4.25rem
}

.more-nav-box-overlay {
	background: #000;
	opacity: .5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 320px;
	z-index: 5
}

.more-nav-box {
	max-width: 300px;
	background: #fff;
	border-radius: 1rem;
	padding: 1rem;
	position: fixed;
	right: .625rem;
	bottom: 7.75rem;
	z-index: 6;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.more-nav-box:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border: .625rem solid transparent;
	border-bottom-width: 0;
	border-top-color: #fff;
	position: absolute;
	bottom: -8px;
	bottom: -.5rem;
	right: 16px;
	right: 1rem
}

.is-hide-toolbar .more-nav-box {
	bottom: 4.25rem
}

.more-nav-box .item {
	float: left;
	width: 25%;
	font-size: .875rem;
	text-align: center;
	margin: .5rem 0
}

.more-nav-box .item .icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 1px solid #f0f0f0;
	margin: 0 0 .25rem;
	font-size: 1.625rem;
	line-height: 2.25rem;
	text-align: center
}

.more-nav-box .item a {
	color: #333;
	white-space: nowrap
}

.more-nav-box .item a span {
	display: block
}

.in-pcdd-room .more-nav-box-overlay {
	opacity: .6
}

.in-pcdd-room .more-nav-box {
	bottom: 10.5rem;
	background: none;
	padding: 0 .375rem .5rem 0
}

.is-hide-toolbar .in-pcdd-room .more-nav-box {
	bottom: 7rem
}

.in-pcdd-room .more-nav-box:before {
	display: none
}

.in-pcdd-room .more-nav-box .item {
	float: none;
	width: auto;
	position: relative;
	text-align: right;
	margin: 1rem 0 0
}

.in-pcdd-room .more-nav-box .item .icon {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -1.25rem 0 0;
	background: #e9e9e9
}

.in-pcdd-room .more-nav-box .item a {
	padding-right: 3rem
}

.in-pcdd-room .more-nav-box .item a span {
	background: #fff;
	padding: .5rem;
	border-radius: .25rem;
	display: inline-block
}

.room-head {
	background: #eaeaea;
	padding: .25rem .25rem .125rem
}

.room-head .important {
	font-weight: 400
}

.room-head .kd-col {
	width: 49.5%;
	text-align: center;
	padding: .3125rem .125rem .25rem;
	font-size: .75rem;
	color: #63616c;
	line-height: 1.5;
	letter-spacing: .0625rem;
	border-radius: .325rem 0 0 .325rem;
	background: #fff;
	margin-right: .5%;
	box-shadow: 0 .0625rem 0 0 #d9d9db
}

.room-head .kd-col+.kd-col {
	border-radius: 0 .325rem .325rem 0;
	margin-right: 0;
	margin-left: .5%
}

.bet-period {
	margin-top: .0625rem
}

.closing-sale .bet-period {
	padding-bottom: .1875rem
}

.rh-box {
	background: #5d9bef;
	border-radius: .3125rem;
	color: #fff;
	padding: 0 .25rem;
	font-size: .875rem;
	overflow: hidden;
	display: inline-block;
	height: 1.3125rem;
	line-height: 1.3125rem;
	vertical-align: middle
}

.rh-box span {
	display: block
}

.bet-period-enter-active,
.bet-period-leave-active {
	transition: all .3s ease
}

.bet-period-enter-to,
.bet-period-leave-to {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.rh-box-gray {
	background: #99a8b1
}

.countdown-text {
	color: #136fec;
	font-size: 1.125rem
}

.result-text {
	color: #f04112;
	font-size: .8125rem;
	line-height: 1.6875rem;
	cursor: pointer
}

.icon-circle-arrow-down {
	float: right;
	color: #c2baba;
	font-size: 1.25rem;
	margin-right: .25rem;
	height: 1.3125rem
}

.icon-circle-arrow-down:before {
	content: "\EA39"
}

.bet-now-tip {
	text-align: center
}

.bet-now-tip .star:before {
	content: "\2605\2605";
	font-style: normal;
	color: #fdba04
}

.room-latest-history {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-left-width: 0;
	border-right-width: 0;
	padding: .75rem 3.125%;
	color: #666;
	position: relative;
	cursor: pointer
}

.room-latest-history .important {
	font-weight: 400
}

.room-latest-history .lottery-ball,
.room-latest-history>* {
	font-size: .75rem
}

.room-latest-history .lottery-ball {
	height: 1.375rem;
	width: 1.375rem;
	line-height: 1.3125rem
}

.room-latest-history .lottery-balls {
	margin-left: .5rem
}

.room-latest-history:after {
	content: "\EA2E";
	font-size: 14px;
	font-size: .875rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #007aff;
	position: absolute;
	top: 50%;
	right: 3.125%;
	margin-top: -1px;
	margin-top: -.0625rem
}

.room-latest-history .lottery-props {
	position: relative;
	margin-left: .5rem
}

.room-latest-history .lottery-props:before {
	content: "";
	display: block;
	width: 0;
	border-left: 1px solid #e0e0e0;
	position: absolute;
	left: 0;
	top: -4px;
	top: -.25rem;
	bottom: -4px;
	bottom: -.25rem
}

.room-latest-history .lottery-prop {
	margin: 0 0 0 .5rem
}

.room-latest-history-list {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 100%;
	z-index: 6
}

.room-latest-history-list .overlay {
	background: #000;
	opacity: .67;
	height: 100%;
	width: 100%
}

.room-latest-history-list .important {
	font-weight: 400
}

.rlhl-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 1rem;
	padding: 1rem .5rem;
	font-size: .875rem;
	text-align: center;
	min-height: 290px;
	max-height: 80%;
	overflow: auto;
	width: 640px
}

.rlhl-inner ul {
	display: inline-block
}

.rlhl-inner .item {
	margin-top: .3125rem;
	text-align: left
}

.rlhl-inner .item:first-child {
	margin-top: 0
}

.rlhl-inner .lottery-result {
	margin-left: .25rem
}

.rlhl-inner .lottery-prop {
	margin: 0 0 0 .125rem
}

.rlhl-close {
	color: #fff;
	position: absolute;
	top: 6%;
	right: 1rem
}

.icon-clock:before {
	content: "\EA3D"
}

.pcdd-chat-author {
	color: #666
}

.pcdd-chat-author .time {
	display: block;
	text-align: center;
	margin: .5rem;
	color: #fff;
	background: none
}

.pcdd-chat-author .time .inner {
	background: #d7d6dd;
	padding: .3rem .5rem;
	border-radius: 2rem
}

.pcdd-chat-author .name {
	padding: 0 .3rem;
	vertical-align: top
}

.pcdd-avatar {
	display: inline-block;
	width: 37px;
	height: 37px;
	background: url(/static/images/avatar.svg) no-repeat 50%/37px 37px;
	border: 3px solid #fce77f;
	border-radius: 50%
}

.pcdd-chat-message {
	margin-top: -.5rem
}

.pcdd-chat-message .icon {
	font-size: 1.25em;
	position: relative;
	top: .1875rem;
	line-height: 1
}

.pcdd-chat-message .color-blue,
.pcdd-private-message .color-blue {
	color: #0762fa
}

.pcdd-chat-message .user-level {
	height: 1.3125rem;
	vertical-align: middle;
	position: relative;
	top: -.125rem
}

.pcdd-chat-message .inner {
	line-height: 1.5;
	border-radius: .2rem;
	padding: .5rem .8rem;
	margin: 0 1.625rem 0 2.8rem;
	top: -.8rem;
	position: relative
}

.pcdd-chat-message .inner:before {
	border-width: 12px 12px 12px 0;
	border-width: .75rem .75rem .75rem 0;
	border-color: transparent;
	border-right-color: #ff9b29;
	-webkit-transform: none;
	transform: none;
	left: -4.8px;
	left: -.3rem;
	top: 1.6px;
	top: .1rem
}

.pcdd-chat-message.self .inner {
	margin: 0 2.75rem 0 1rem
}

.pcdd-chat-message.self .inner:before {
	border-width: 12px 0 12px 12px;
	border-width: .75rem 0 .75rem .75rem;
	border-color: transparent;
	border-left-color: #ff9b29;
	left: auto;
	right: -4.8px;
	right: -.3rem;
	-webkit-transform: none;
	-webkit-transform: initial;
	transform: none
}

.pcdd-chat-message.chat-msg.self .inner:before {
	border-left-color: #00cda8
}

.pcdd-chat-message.chat-msg.other .inner:before {
	border-right-color: #00cda8
}

.pcdd-chat-message.bet-msg .inner {
	background: #fa9e3b;
	color: #fff
}

.pcdd-chat-message .msg-text-tip {
	color: #e98116;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1.2;
	display: inline-block
}

.pcdd-chat-message .msg-text-tip:before {
	display: inline-block;
	content: "\5C0F\8D4C\6021\60C5\5065\5EB7\5A31\4E50";
	width: 48px;
	width: 3rem;
	white-space: pre-wrap;
	font-size: 12px;
	font-size: .75rem;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	vertical-align: middle
}

.pcdd-chat-message .msg-text-tip:after {
	content: "\EA9A";
	font-size: 27.6px;
	font-size: 1.725rem;
	vertical-align: middle
}

.pcdd-chat-message.chat-msg .inner {
	background: #00cda8
}

.pcdd-chat-message.other {
	right: .75rem;
	white-space: nowrap
}

.pcdd-chat-message .msg-text-item.period {
	margin-left: 2rem
}

.pcdd-chat-message.self .msg-text-item.period {
	margin-left: 1.5rem
}

.pcdd-chat-message .msg-text-item.amount {
	display: block;
	padding-left: .35rem
}

@media only screen and (min-width:480px) {
	.pcdd-chat-message .msg-text-item.period,
	.pcdd-chat-message.self .msg-text-item.period {
		margin-left: 6.25rem;
		display: inline-block
	}
}

.pcdd-chat-message.system {
	margin-top: 1.25rem;
	text-align: center
}

.pcdd-chat-message.system .inner {
	text-align: left;
	color: #333;
	background: #d7d6dd;
	margin: 0 auto
}

.pcdd-chat-message.system .inner:before {
	display: none
}

.pcdd-chat-footer {
	position: fixed;
	bottom: 168px;
	background: #f3f2f7;
	width: 100%;
	min-width: 320px;
	font-size: 0;
	z-index: 2;
	box-shadow: 0 -.0625rem 0 0 #d9d9db
}

.fixfixed .pcdd-chat-footer {
	position: absolute
}

.pcdd-chat-footer .kd-toolbar-toggle {
	text-align: center;
	box-shadow: 0 1px 0 #f3f2f7
}

.is-hide-toolbar .pcdd-chat-footer {
	bottom: .8125rem
}

.pcdd-private-message {
	font-size: .875rem;
	line-height: 1.5;
	padding: .3125rem;
	color: #333;
	transition: all .3s ease
}

.pcdd-chat-textinput {
	padding: .3125rem .625rem;
	border: solid #d9d9db;
	border-width: .0625rem 0
}

.pcdd-chat-textinput .kd-button {
	vertical-align: middle;
	font-size: .875rem;
	border: none;
	background: #1aac19;
	color: #fff;
	width: auto;
	padding: .5rem;
	letter-spacing: .2rem;
	text-indent: .2rem
}

.pcdd-chat-textinput .kd-button.pcdd-button-odd {
	background: #0b63e7;
	padding-left: .1rem;
	padding-right: .1rem
}

.pcdd-chat-textinput .kd-textinput {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #d9d9db;
	width: calc(100% - 3% * 3.25 - 2.65rem - 5rem);
	margin: 0 3%;
	border-radius: 4px
}

.pcdd-chat-textinput .kd-textinput input {
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: .9375rem
}

.pcdd-chat-input--sm {
	display: none
}

@media (max-width:365px) {
	.pcdd-chat-input {
		display: none
	}
	.pcdd-chat-input--sm {
		display: inline-block
	}
}

.send-face-button,
.send-message-button {
	display: inline-block;
	vertical-align: middle;
	color: #eece4d
}

.send-message-button {
	margin: 0 0 0 1.5%
}

.send-face-button:before,
.send-message-button:before {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1
}

.send-face-button:before {
	content: "\EACC"
}

.send-message-button:before {
	content: "\EAC1"
}

.room-member-redpack {
	margin-top: 6rem
}

.face-selector {
	position: fixed;
	bottom: 6.9375rem;
	left: 50%;
	min-width: 300px;
	background: #fff;
	border-radius: .5rem;
	font-size: 1rem;
	border: .125rem solid #ffde4f;
	z-index: 7;
	transition: bottom .05s linear;
	-webkit-transform-origin: 80% bottom;
	transform-origin: 80% bottom;
	max-width: 600px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 10.125rem
}

.is-hide-toolbar .face-selector {
	bottom: 6.625rem
}

.face-selector:after,
.face-selector:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border: solid transparent;
	position: absolute;
	top: 100%
}

.face-selector:before {
	border-width: 12px 8px 0;
	border-width: .75rem .5rem 0;
	border-top-color: #fff;
	right: 7.2px;
	right: .45rem;
	z-index: 1
}

.face-selector:after {
	border-width: 14px 10px 0;
	border-width: .875rem .625rem 0;
	border-top-color: #ffde4f;
	right: 5.2px;
	right: .325rem
}

.face-selector-box {
	overflow: hidden
}

.face-selector-inner {
	width: 1000%;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.face-selector-inner.screen1 {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.face-selector-inner.screen2 {
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%)
}

.face-selector-inner.screen3 {
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%)
}

.face-selector-inner.screen4 {
	-webkit-transform: translateX(-30%);
	transform: translateX(-30%)
}

.face-selector-inner.screen5 {
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%)
}

.face-selector-group {
	float: left;
	width: 10%;
	padding: .5rem
}

.face-selector-group .item {
	width: 16.66%;
	height: 2rem;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	text-align: center;
	padding: .25rem 0
}

.face-selector-group img {
	height: 100%
}

.face-selector-group .face-photo {
	border-radius: 50%;
	background: #fff;
	border: 1px solid #09f;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	height: 80%;
	margin: -40% 0 0 -40%;
	padding: .25rem;
	color: #fff;
	text-align: center;
	font-size: .75rem;
	line-height: 2
}

.face-selector-pager {
	text-align: center;
	margin: 0 0 .5rem
}

.face-selector-pager .item {
	height: .5rem;
	width: .5rem;
	background: #ccc;
	border-radius: 50%;
	margin: 0 .25rem
}

.face-selector-pager .item.active {
	background: #ffde4f
}

.face-zoom-in {
	-webkit-animation-name: r;
	animation-name: r
}

@-webkit-keyframes r {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50%) scale3d(.3, .3, .3);
		transform: translateX(-50%) scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

@keyframes r {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50%) scale3d(.3, .3, .3);
		transform: translateX(-50%) scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

.face-zoom-out {
	-webkit-animation-name: s;
	animation-name: s
}

@-webkit-keyframes s {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: translateX(-50%) scale3d(.3, .3, .3);
		transform: translateX(-50%) scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

@keyframes s {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: translateX(-50%) scale3d(.3, .3, .3);
		transform: translateX(-50%) scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

.follow-betting {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 300px;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 7
}

.follow-betting-body {
	width: 300px;
	padding: 1rem;
	background: #fff;
	border-radius: .25rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: .875rem
}

.follow-betting-body .title {
	font-size: 1rem;
	text-align: center;
	font-weight: 400
}

.betting-datas {
	padding: 1rem
}

.betting-datas .data-item {
	padding: .5rem 1rem;
	border-bottom: 1px solid #efefef;
	color: #aaa
}

.betting-datas .data-item-value {
	color: #007aff
}

.betting-datas .data-item input {
	padding: 0;
	border: none;
	width: 10rem;
	background: none;
	color: #007aff
}

.follow-betting-body .kd-buttons {
	text-align: center
}

.follow-betting-body .kd-button {
	width: auto;
	min-width: 5rem;
	padding: .625rem 1rem;
	margin: 0 1rem;
	border: none;
	color: #000
}

.confirm-button,
.confirm-button.active,
.confirm-button.focus {
	background: #ffd54f
}

.cancel-button,
.cancel-button.active,
.cancel-button.focus {
	background: #ccc
}

.disabled-scroll,
.disabled-scroll body {
	overflow: hidden
}

.disabled-scroll .page-game-pcdd-room .kd-body.game {
	height: auto
}

.pcdd-betting-panel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 100%;
	z-index: 7;
	overflow: hidden
}

.fixfixed .pcdd-betting-panel {
	position: absolute
}

.pcdd-betting-panel .overlay {
	background: #000;
	opacity: .35;
	height: 100%;
	width: 100%
}

.pcdd-betting-panel .inner {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 168px;
	width: 640px;
	max-width: 50rem
}

.pcdd-betting-panel-title {
	padding: 0 .75rem
}

.pcdd-betting-panel-title a {
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: underline
}

.pcdd-betting-panel-title .btn-odd-desc {
	float: left
}

.btn-close {
	font-size: .75rem;
	position: absolute;
	right: .5rem;
	color: #ff5d2b
}

.betting-box-title .icon:before {
	border: 2px solid;
	border: .125rem solid;
	border-radius: 50%;
	padding: 5px;
	padding: .3125rem
}

.pcdd-betting-panel-title .icon-info-circle {
	font-size: 1.25rem;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -.625rem
}

.firefox .pcdd-betting-panel-title .icon-info-circle {
	margin-top: -.6rem
}

.pcdd-betting-panel-title .icon-info-circle:before {
	content: "\EA8A"
}

.pcdd-odd-description {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 1.5rem;
	left: 0;
	font-size: .875rem;
	line-height: 1.25;
	-webkit-transform-origin: 90% top;
	transform-origin: 90% top
}

.pcdd-odd-description:before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 18px;
	right: 1.125rem;
	top: -8px;
	top: -.5rem;
	border: solid transparent;
	border-width: 0 8px 8px;
	border-width: 0 .5rem .5rem;
	border-bottom-color: #fff
}

.pcdd-odd-description-body {
	border: 1rem solid #fff;
	border-width: 1rem 0;
	padding: 0 1rem;
	background: #fff;
	border-radius: .5rem;
	box-shadow: 0 .3125rem .25rem rgba(0, 0, 0, .5);
	min-height: 20%;
	max-height: 80%
}

.betting-box {
	height: 100%;
	width: 100%;
	background: #fff;
	border-radius: .25rem;
	position: relative;
	text-align: center;
	color: #1082eb
}

.betting-box-head {
	padding: .325rem .5rem 0
}

.betting-box-foot {
	border-radius: 0 0 .25rem .25rem;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .75rem .5rem 1rem;
	border-top: .0625rem solid #a8a8a8
}

.bet-setting,
.betting-box-foot {
	background: #e5e5e5;
	position: absolute
}

.bet-setting {
	display: inline-block;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	font-size: .75rem;
	padding: .25rem 1.5rem 0;
	border-radius: 1.125rem 1.125rem 0 0;
	border: .0625rem solid #a8a8a8;
	border-bottom: none
}

.bet-setting:after,
.bet-setting:before {
	content: "";
	display: block;
	height: 32px;
	height: 2rem;
	width: 32px;
	width: 2rem;
	border: 1px solid transparent;
	border: .0625rem solid transparent;
	border-radius: 100%;
	position: absolute;
	bottom: 0
}

.bet-setting:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 128px;
	right: 8rem;
	border-right-color: #a8a8a8;
	box-shadow: 25px 0 #e5e5e5;
	box-shadow: 1.5625rem 0 #e5e5e5
}

.bet-setting:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: -32px;
	right: -2rem;
	border-left-color: #a8a8a8;
	box-shadow: -25px 0 #e5e5e5;
	box-shadow: -1.5625rem 0 #e5e5e5
}

.bet-setting .btn {
	color: #fff;
	display: inline-block;
	height: 1.5625rem;
	line-height: 1.5625rem;
	width: 5rem;
	font-size: .875rem;
	border-radius: .625rem;
	letter-spacing: .1rem;
	text-indent: .1rem;
	background-image: linear-gradient(0deg, #3871f2, #07bbfe);
	border: .0625rem solid #3871f2
}

.expand-setting .bet-setting .btn {
	border: none;
	background-image: linear-gradient(0deg, #07bbfe, #3871f2);
	box-shadow: 0 .0625rem #f4fdff
}

.betting-box-form {
	position: relative
}

.betting-box-form label {
	font-size: .875rem;
	color: #435064
}

.betting-box-form .kd-textinput,
.betting-box-form .kd-textinput input {
	color: #435064;
	line-height: 1.3125rem;
	height: auto
}

.betting-box-form .kd-textinput {
	width: calc(100% - 1rem - 3.5rem - 2rem - 4.5rem * 2);
	font-size: .875rem;
	margin-left: .25rem;
	border: 1px solid #c7c3c3;
	background: #fff;
	border-radius: .3125rem
}

.betting-box-form .kd-textinput,
.betting-box-form .kd-textinput.focus {
	padding: .125rem .25rem
}

.betting-box-form .kd-textinput.focus {
	border-color: #1377d7
}

.betting-box-foot .bet-button {
	text-align: center;
	font-size: 1rem;
	letter-spacing: .75rem;
	text-indent: .75rem;
	line-height: 1.5;
	margin-left: 1rem;
	color: #fff;
	border-radius: .3125rem;
	border: .125rem solid #0052af;
	background: #0b63e7;
	box-shadow: inset 0 .0625rem 0 0 #47c9ff
}

@media (max-width:350px) {
	.betting-box-form label {
		font-size: .75rem
	}
	.betting-box-foot .bet-button {
		font-size: .875rem;
		letter-spacing: .75rem;
		text-indent: .75rem;
		margin-left: .75rem
	}
	.betting-box-form .kd-textinput {
		width: calc(100% - 1rem - 3rem - 1rem - 4.25rem * 2)
	}
}

.bet-setting-body .bet-button {
	letter-spacing: .875rem;
	text-indent: .875rem;
	margin: 0 .8rem
}

.betting-box-foot .bet-button.confirm {
	border-color: #018304;
	background: #02c507;
	box-shadow: inset 0 .0625rem 0 0 #1dfa18
}

.betting-box-foot .bet-button.cancel {
	border-color: #b42a00;
	background: #f9430b;
	box-shadow: inset 0 .0625rem 0 0 #fdcf7f
}

.betting-box-foot .bet-button.reset {
	border-color: #d93d07;
	background: #f05829;
	box-shadow: inset 0 .0625rem 0 0 #ffa473;
	display: inline-block
}

.betting-box-title {
	font-weight: 400
}

.betting-box-title-box {
	display: inline-block;
	background: #2091f8;
	color: #fff;
	padding: .25rem .625rem;
	border-radius: .325rem;
	letter-spacing: .125rem;
	box-shadow: 0 .0625rem 0 0 #6ab6fa
}

.betting-box .selected-balls {
	font-size: .75rem;
	margin-top: .5rem;
	min-height: .5rem;
	white-space: nowrap
}

.betting-box-body {
	overflow: auto;
	margin-top: .25rem;
	padding: 0 .5rem 6.25rem
}

.has-setting .betting-box-body {
	padding-bottom: 9.5rem
}

.betting-box-chips .item,
.betting-box-lottery-balls .item {
	width: 20%;
	margin: 0 0 .625rem
}

.betting-box-form .betting-box-chips .item {
	width: 20%
}

.betting-box-lottery-balls .item.disabled {
	opacity: .4
}

.betting-box-lottery-balls .item.selected .lottery-ball {
	background: #1d7cd3;
	border-color: transparent;
	color: #fff
}

.betting-box-lottery-balls .item.selected .lottery-odd {
	color: #fff;
	opacity: .7
}

.betting-box-lottery-balls .item.disabled .lottery-ball {
	cursor: not-allowed
}

.betting-box .lottery-ball {
	display: block;
	margin: 0 auto;
	height: 41%;
	width: 82%;
	max-width: 6.75rem;
	font-size: .875rem;
	line-height: 1;
	cursor: default;
	border-radius: .3125rem;
	border: 1px solid #4aa8ff;
	color: #4aa8ff;
	font-weight: 700;
	padding-top: .1rem
}

.betting-box .lottery-ball .lottery-odd {
	font-weight: 400;
	-webkit-transform: scale(.84);
	transform: scale(.84);
	display: block;
	color: #999
}

.betting-box .lottery-ball.selected {
	background: #ffd54f;
	box-shadow: 0 0 .3125rem rgba(0, 0, 0, .25);
	color: #fff!important
}

.betting-box-lottery-balls.spectial-product .item {
	width: 25%
}

.betting-box-lottery-balls.spectial-product .lottery-ball {
	border-color: #aaabab;
	max-width: 12.125rem
}

.betting-box-lottery-balls .item.red .lottery-ball {
	color: #fc5249
}

.betting-box-lottery-balls .item.red.selected .lottery-ball {
	color: #fff;
	background: #fc5249
}

.betting-box-lottery-balls .item.blue .lottery-ball {
	color: #187cd7
}

.betting-box-lottery-balls .item.blue.selected .lottery-ball {
	color: #fff;
	background: #187cd7
}

.betting-box-lottery-balls .item.green .lottery-ball {
	color: #01aa19
}

.betting-box-lottery-balls .item.green.selected .lottery-ball {
	color: #fff;
	background: #01aa19
}

.betting-box-lottery-balls .item.yellow .lottery-ball {
	color: #ff9a0a
}

.betting-box-lottery-balls .item.yellow.selected .lottery-ball {
	color: #fff;
	background: #ff9a0a
}

.betting-box .lottery-odd {
	font-size: .75rem
}

.betting-box-lottery-balls.number-product .item {
	width: 14.28571%
}

.betting-box-lottery-balls.number-product .lottery-ball {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 1.2;
	border-color: #aaabab;
	border-radius: 50%;
	padding-top: .25rem
}

.betting-box-chips .item {
	margin-bottom: 1.25rem
}

.betting-box-chips .kd-chip-button {
	margin: 0 .3125rem
}

@media (max-height:648px) {
	.betting-box-lottery-balls.number-product .lottery-ball {
		width: 2.25rem;
		height: 2.25rem;
		margin-top: 0
	}
	.betting-box-lottery-balls .item {
		margin-bottom: .4rem
	}
	.has-setting .betting-box-lottery-balls .item {
		margin-bottom: .3125rem
	}
}

@media (min-height:648px) and (max-height:680px) {
	.betting-box-lottery-balls .item {
		margin-bottom: 1rem
	}
	.has-setting .betting-box-lottery-balls .item {
		margin-bottom: .625rem
	}
}

@media (max-height:577px) {
	.kd-chip-button {
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
	.betting-box-chips .item {
		margin-bottom: .1rem
	}
	.betting-box-body {
		padding-bottom: 5.375rem
	}
	.has-setting .betting-box-body {
		padding-bottom: 7.25rem
	}
	.betting-box-foot {
		padding-top: 1rem;
		padding-bottom: .5rem
	}
	.has-setting .betting-box-foot {
		padding-top: .2rem
	}
	.betting-box .selected-balls {
		margin-top: .3125rem
	}
}

@media (max-height:531px) {
	.pcdd-betting-panel .inner {
		top: auto;
		bottom: .5rem
	}
	.pcdd-betting-panel .inner.has-setting {
		bottom: .1875rem
	}
	.has-setting .betting-box-body {
		padding-bottom: 7rem
	}
}

@media (min-height:680px) {
	.betting-box-lottery-balls .item {
		margin-bottom: 1.2rem
	}
}

@media (max-height:440px) {
	.has-setting .betting-box-body {
		height: 87vh
	}
}

.xyx-download .download-img {
	width: 58%;
	margin-top: -3rem
}

.xyx-download {
	background: #0f1419
}

.xyx-download .kd-body {
	max-width: 640px;
	margin: 0 auto;
	background: url(/static/images/ak-download-bg.png) no-repeat center 80%/contain
}

.xyx-download .app-link {
	color: #e1e1e2;
	border-color: #a5a6a6;
	border-image: linear-gradient(90deg, #a5a6a6 40%, #e1e1e2 48%, #a5a6a6 80%) 1 1;
	background: #0f1419
}

.basic-information {
	background: #f9f9f9;
	border-radius: 0 0 1rem 1rem;
	box-shadow: 0 2px 5px #949494;
	padding: 20px 0 30px 150px;
	color: #1d1d1d
}

.basic-information__photo {
	width: 168px;
	text-align: center;
	float: left
}

.basic-information__photo-img {
	border-radius: 50%;
	width: 5rem;
	height: 5rem;
	background: url(/static/images/avatar2.svg) bottom no-repeat #e3e1e0;
	background-size: 75%;
	display: inline-block
}

.basic-information__photo-text {
	line-height: 1.5
}

.basic-infomation__main {
	overflow: auto
}

.basic-infomation__head {
	font-size: 1.25rem
}

.basic-information__level {
	display: inline-block;
	width: 4.5rem;
	margin-left: .5rem
}

.basic-information__level img {
	vertical-align: middle
}

.basic-infomation__body {
	overflow: hidden
}

.basic-infomation__body dl>dt {
	font-weight: 400
}

.basic-infomation__body .im-color {
	font-weight: 700
}

.basic-infomation__body .kd-col {
	width: 30%
}

.basic-infomation__body .kd-col+.kd-col {
	border-left: 1px solid #e2e2e2;
	text-align: center
}

.basic-infomation__body .kd-row {
	margin-top: 1.25rem
}

.account-nav {
	background: #eee
}

.account-nav li {
	width: 20%;
	text-align: center;
	position: relative;
	font-size: 1rem
}

.account-nav a {
	display: block;
	padding: 1rem 0;
	color: #1d1d1d
}

.account-nav li.active,
.account-nav li:hover {
	background: #f4cd67
}

.account-nav--arrow li.active:after,
.account-nav--arrow li:hover:after {
	content: "";
	display: inline-block;
	border: 12px solid transparent;
	border-left-width: 8px;
	border-right-width: 8px;
	border-top-color: #f4cd67;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.container-lg.account-nav--arrow {
	margin-top: 22px
}

.account-sub-nav li {
	width: 100%;
	border-bottom: 1px solid #e2e2e2
}

.account-sub-nav.for-bank-info li {
	width: 50%
}

.qrcode__img {
	float: left;
	margin-right: 2rem;
	max-width: 35%
}

.notices-list--qrcode {
	overflow: auto
}

.type-body .info.bank-order {
	padding: 0;
	border: none
}

.type-body .bank-order-list {
	width: 30rem
}

.bank-order-list,
.bank-order-list tr>td {
	border-color: #e2e2e2;
	padding: .75rem 1rem;
	vertical-align: middle
}

.bank-order-list a {
	margin-left: 1rem
}

.bank-order-list .icon {
	vertical-align: middle;
	font-size: 2rem;
	line-height: 2rem
}

.kd-textinput--remarkbank>textarea {
	font-size: .875rem;
	line-height: 1.5;
	height: auto
}

.prompt-service.promptbox {
	border-radius: .625rem;
	padding: 0;
	border: none;
	max-width: 400px
}

.prompt-service~.promptbox-overlay {
	background: #000;
	opacity: .7
}

.prompt-service .prompt-head {
	border-radius: .525rem .525rem 0 0;
	background: #000;
	padding-left: .8rem;
	letter-spacing: .5rem;
	font-size: 1rem;
	padding: .8rem
}

.prompt-service .prompt-close {
	width: 1.5rem;
	height: 1.5rem
}

.prompt-service .prompt-close.kd-close:before {
	width: 80%;
	margin-left: 10%
}

.prompt-service .prompt-close.kd-close:after {
	height: 80%;
	margin-top: 10%
}

.prompt-service .prompt-close.kd-close {
	border-radius: 50%;
	border: 2px solid #fff;
	padding: .5rem;
	top: .6rem;
	right: .625rem
}

.prompt-service .prompt-body {
	background: #eee;
	padding: 1rem .5rem;
	border-radius: 0 0 .525rem .525rem
}

.prompt-service__item {
	font-size: 1rem;
	background: #fff;
	border-radius: .5rem;
	position: relative;
	text-align: left;
	cursor: pointer;
	padding: .25rem .5rem;
	margin-bottom: .5rem;
	border: 1px solid #e1e1e1;
	color: #62b900
}

.prompt-service__arrow {
	position: absolute;
	right: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2rem
}

.prompt-service__arrow:before {
	content: "\EAD0"
}

.prompt-service__item .icon--large {
	font-size: 2.5rem;
	vertical-align: middle;
	margin-right: .5rem
}

.prompt-service__item .icon--large:before {
	color: inherit
}

.prompt-service__intro {
	display: inline-block;
	vertical-align: -.875rem;
	color: #3f3f3f
}

.prompt-service__status {
	display: block;
	color: #62b900;
	font-size: .75rem
}

.prompt-service__status:before {
	content: "\5728\7EBF";
	vertical-align: 4px
}

.prompt-service__status:after {
	content: "\EAAB";
	font-size: 16px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: baseline
}

.prompt-service__item--qq {
	color: #4a86f0
}

.prompt-service__item--chat {
	color: #fe6c54
}

.icon-chat:before {
	content: "\EAAA"
}

.icon-weixin:before {
	content: "\EAB2";
	color: #62b900
}

.icon-qq-im:before {
	content: "\EAB5";
	color: #4a86f0
}

.prompt-service__item--off,
.prompt-service__item--off .prompt-service__intro,
.prompt-service__item--off .prompt-service__status {
	color: #a6a6a6
}

.prompt-service__item--off .prompt-service__status:before {
	content: "\79BB\7EBF"
}

.icon-redpack-2:before {
	content: "";
	background: url(/static/images/send-redpack.gif) no-repeat 50%;
	background-size: 75%;
	width: 40px;
	width: 2.5rem;
	height: 40px;
	height: 2.5rem;
	-webkit-animation: i 3s infinite;
	animation: i 3s infinite
}

.prompt-service__item--redpack,
.prompt-service__item--redpack .prompt-service__intro,
.prompt-service__item--redpack .prompt-service__status {
	color: #ff4545
}

.prompt-service__item--redpack .prompt-service__intro {
	vertical-align: middle
}

.prompt-service__item--redpack .prompt-service__status {
	display: none
}

.game-maintenance {
	width: 70%;
	max-width: 23rem;
	text-align: center;
	position: fixed;
	top: 10rem;
	margin: 0 auto;
	z-index: 6;
	border-radius: .5rem;
	background: #fff;
	padding: .75rem 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	letter-spacing: 3px;
	border: 2px solid #debe3d
}

.game-maintenance .icon {
	font-size: 1.8rem;
	vertical-align: middle
}

.game-maintenance .icon:before {
	color: #debe3d
}

.kd-tab {
	font-size: 14px;
	background: #fff;
	color: #666;
	margin-top: 10px;
	padding-top: 3px
}

.kd-tab-title {
	border-bottom: 2px solid #e15f46
}

.kd-tab-title-item {
	float: left;
	text-align: center
}

.kd-tab-title-item-text {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 5px 5px 0 0
}

.kd-tab-title-item-text.full-radius {
	border-radius: 5px;
	margin-top: 5px
}

.kd-tab-title-item-text.active {
	background: linear-gradient(0deg, #f97157 51%, #ff9581 0);
	color: #fff
}

.kd-tab-normal-more {
	text-align: center;
	padding: .5em 0;
	color: #999
}

.chart-normal,
.chart-normal td,
.chart-normal th {
	border-color: #e8e8e8
}

.chart-normal td,
.chart-normal th {
	text-align: center;
	padding-left: 0;
	padding-right: 0
}

.chart-normal th {
	background: #e4e4e4;
	font-weight: 400
}

.chart-normal td:first-child {
	color: #0a46d2;
	font-weight: 700;
	font-size: 12px
}

.chart-normal td.red,
.chart-normal td.red-area {
	color: red
}

.chart-normal td.blue,
.chart-normal td.blue-area {
	color: #09f
}

.chart-normal td.green-area {
	color: #0b0
}

.chart-normal tr:nth-child(2n+2) td {
	background: #fbfdff
}

.chart-normal-a td,
.chart-normal-b td,
.chart-normal-js td,
.chart-normal-l td {
	border: none
}

.chart-normal-a>tr:first-child th,
.chart-normal-b>tr:first-child th,
.chart-normal-js>tr:first-child th,
.chart-normal-l>tr:first-child th {
	padding: 0;
	height: 0;
	font-size: 0
}

.chart-normal-a td:last-child,
.chart-normal-b td:last-child,
.chart-normal-js td:last-child,
.chart-normal-l td:last-child {
	position: relative
}

.chart-normal-a td:last-child:before,
.chart-normal-b td:last-child:before,
.chart-normal-js td:last-child:before,
.chart-normal-l td:last-child:before {
	content: "+";
	position: absolute;
	left: -.3em;
	top: 50%;
	-webkit-transform: translateY(-65%);
	transform: translateY(-65%);
	color: #999
}

.chart-col,
.chart-grid,
.chart-grid-categories {
	float: left
}

.chart-grid-categories {
	width: 20%
}

.chart-grid {
	width: 80%
}

.chart-grid-category-col {
	height: 47px;
	padding: 10px 0;
	text-align: center
}

.chart-grid-category {
	border: 1px solid #efefef;
	border-right: 0;
	margin-top: 1px;
	background: #e8e8e8;
	opacity: .4
}

.chart-grid-category:first-child {
	margin-top: 0
}

.chart-grid-category.active {
	background: #fff;
	opacity: 1
}

.chart-grid {
	border: 1px solid #efefef;
	border-bottom-width: 0
}

.chart-col {
	width: 12.5%;
	border-left: 1px solid #efefef
}

.chart-col-14 {
	width: 7.1429%
}

.chart-grid-item {
	text-align: center;
	border-top: 1px solid #efefef;
	padding: 2px 0;
	height: 32px;
	position: relative
}

.chart-col:first-child,
.chart-grid-item:first-child {
	border: none
}

.chart-grid {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%
}

.chart-list-empty {
	text-align: center;
	padding: 1em
}

.chart-list,
.chart-list td,
.chart-list th {
	border-color: transparent
}

.chart-list td {
	padding: 8px 16px;
	text-align: right;
	vertical-align: middle
}

.chart-list td:first-child {
	text-align: left
}

.chart-list tr:nth-child(2n - 1) td {
	background: #eaf8ff
}

.chart-ball,
.counter {
	display: inline-block;
	vertical-align: middle
}

.counter {
	font-weight: 700;
	margin-left: 5px
}

.chart-ball {
	border-radius: 100%;
	width: 26px;
	height: 26px;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	position: relative
}

.chart-ball b {
	font-weight: 400;
	z-index: 1;
	position: relative
}

.chart-ball.green {
	background: #028c00
}

.chart-ball.green:before {
	background: linear-gradient(180deg, #a6ff94, rgba(166, 255, 148, 0))
}

.chart-ball.blue {
	background: #0e61db
}

.chart-ball.blue:before {
	background: linear-gradient(180deg, #00d0ff, rgba(0, 208, 255, 0))
}

.chart-ball.red {
	background: #dd1b38
}

.chart-ball.red:before {
	background: linear-gradient(180deg, #f1a5af, rgba(241, 165, 175, 0))
}

.chart-ball:before {
	content: "";
	position: absolute;
	top: 1%;
	width: 80%;
	height: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%
}

.chart-ball-tip {
	background: #f4cd67;
	color: #fff;
	padding: .5rem 1rem;
	position: absolute;
	right: 95%;
	bottom: 50%;
	display: none;
	text-align: left;
	white-space: nowrap;
	line-height: 1.5
}

.chart-grid-item:hover .chart-ball-tip {
	display: block
}

.game-chart-records {
	position: relative;
	margin-top: 0;
	padding-top: 0
}

.game-chart-records .chart-normal {
	border-right: 1px solid #ccc
}

.game-chart-records .chart-normal th {
	background: #f7f7f7;
	color: #999
}

.game-chart-records .chart-normal,
.game-chart-records .chart-normal td,
.game-chart-records .chart-normal th {
	border-color: #ccc;
	vertical-align: middle
}

.game-chart-records .chart-normal tr td:last-child,
.game-chart-records .chart-normal tr th:last-child {
	border-right: 1px solid #ccc
}

.game-chart-records .chart-normal tbody td {
	color: #333;
	font-weight: 400
}

.game-chart-records .chart-normal tr:nth-child(2n+2) td {
	background: transparent
}

.game-chart-records .chart-normal tr td.record-sum {
	background: #fcf9f2
}

.game-chart-records .record-period {
	width: 12%
}

.game-chart-records .record-result {
	width: 10%;
	border: 1px solid #ccc
}

.game-chart-records .record-sumtitle th {
	width: 3.71429%
}

.game-chart-records .balls span {
	margin: 0 2px
}

.game-chart-records .balls span:first-child {
	color: #ff0042
}

.game-chart-records .lottery-ball.solid {
	background: #1fa6e8;
	height: 20px;
	line-height: 20px;
	width: 20px;
	position: relative;
	z-index: 1;
	font-weight: 400
}

.game-chart-records .chart-normal tbody td.record-sumtype {
	color: transparent
}

.game-chart-records .chart-normal tbody td.record-sumtype--orange {
	background: #fa9932;
	color: #fff
}

.game-chart-records .chart-normal tbody td.record-sumtype--blue {
	background: #3cb0ec;
	color: #fff
}

#game-chart-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.wheel__header {
	font-size: .875rem;
	text-align: center;
	position: relative;
	top: 2rem;
	z-index: 2
}

.page-lucky__button--wheel {
	padding: .5rem 1rem;
	transition: .5s
}

.wheel__times {
	font-style: normal;
	color: #fee647;
	font-size: 1rem
}

.wheel__main {
	width: 86vw;
	height: 86vw;
	text-align: center;
	border: .3125rem solid #df1e00;
	border-radius: 50%;
	max-width: 30rem;
	max-height: 30rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .25);
	font-weight: 700;
	position: relative;
	background: #ffbe04;
	overflow: hidden
}

.wheel__body {
	width: 88%;
	height: 88%;
	margin: 6% auto;
	position: relative;
	border: .125rem solid #ff9000;
	border-radius: 50%
}

.wheel__inner {
	width: 100%;
	background: #ffd277;
	border-radius: 50%;
	transition: 1s ease-in;
	overflow: hidden
}

.wheel__inner,
.wheel__part {
	height: 100%;
	position: absolute
}

.wheel__part {
	width: 50%;
	top: -50%;
	left: 50%;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	background: #fff8c4
}

.wheel__part:first-child {
	background: #41bbdf
}

.wheel__part:nth-child(3) {
	background: #8a80f8
}

.wheel__part:nth-child(5),
.wheel__part:nth-child(13) {
	background: #f66aaa
}

.wheel__part:nth-child(7),
.wheel__part:nth-child(15),
.wheel__part:nth-child(21) {
	background: #f05d38
}

.wheel__part:nth-child(9),
.wheel__part:nth-child(17),
.wheel__part:nth-child(23),
.wheel__part:nth-child(27) {
	background: #eb9a00
}

.wheel__part:nth-child(11),
.wheel__part:nth-child(19),
.wheel__part:nth-child(25),
.wheel__part:nth-child(29),
.wheel__part:nth-child(31) {
	background: #94b021
}

.wheel__light,
.wheel__prize {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform-origin: center;
	transform-origin: center
}

.wheel__prize-item {
	font-size: .875rem;
	padding: .625rem 0 .25rem
}

.wheel__prize-img {
	margin-top: 2%;
	max-width: 13%;
	max-height: 12vw
}

@media (min-width:640px) {
	.wheel__prize-img {
		max-height: 5rem
	}
}

.wheel__body--odd .wheel__prize:nth-child(odd),
.wheel__prize:nth-child(2n) {
	color: #f77602
}

.wheel__body--odd .wheel__prize:nth-child(2n),
.wheel__prize:nth-child(odd) {
	color: #fff
}

.wheel__start {
	width: 43%;
	height: 43%;
	display: inline-block;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url(/static/images/lucky-wheel-start.png) no-repeat bottom;
	background-size: 100%
}

.wheel__pointer,
.wheel__start {
	left: 50%;
	top: 50%;
	position: absolute
}

.wheel__pointer {
	width: 8%;
	-webkit-transform: translate(-50%, -81%);
	transform: translate(-50%, -81%);
	z-index: 2;
	cursor: pointer
}

.wheel__lights {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.wheel__light:before {
	content: "";
	display: inline-block;
	background: #fff;
	box-shadow: 0 0 0 1px #f56403;
	border-radius: 50%;
	width: 2.95%;
	height: 2.95%;
	margin-top: 1.75%;
	-webkit-animation: t .4s step-end infinite;
	animation: t .4s step-end infinite
}

.wheel__light--sm2:before,
.wheel__light--sm:before {
	box-shadow: none;
	width: 2%;
	height: 2%;
	margin-top: 2%;
	background: #fff3a9;
	-webkit-animation: u .4s step-end infinite;
	animation: u .4s step-end infinite
}

.wheel__light--sm2:before {
	background: #40a3fa;
	-webkit-animation-name: v;
	animation-name: v
}

.wheel__prize-word {
	margin-top: 2%;
	font-size: 5vw;
	line-height: 1.2;
	word-break: break-all;
	margin: 0 auto
}

.wheel__body--odd .wheel__prize:nth-child(odd) .wheel__prize-word,
.wheel__prize:nth-child(2n) .wheel__prize-word {
	color: #fb5931
}

.wheel__body--odd .wheel__prize:nth-child(2n) .wheel__prize-word,
.wheel__prize:nth-child(odd) .wheel__prize-word {
	color: #fff8c4
}

.wheel__prize-sep {
	line-height: .3
}

.wheel__prize-sep>span {
	-webkit-transform: scale(.4);
	transform: scale(.4);
	font-weight: bolder;
	display: inline-block
}

@-webkit-keyframes t {
	50% {
		background: #df1e00
	}
}

@keyframes t {
	50% {
		background: #df1e00
	}
}

@-webkit-keyframes u {
	50% {
		box-shadow: 0 0 5px 1px #fff3a9
	}
}

@keyframes u {
	50% {
		box-shadow: 0 0 5px 1px #fff3a9
	}
}

@-webkit-keyframes v {
	50% {
		box-shadow: 0 0 3px 1px #78bbf6
	}
}

@keyframes v {
	50% {
		box-shadow: 0 0 3px 1px #78bbf6
	}
}

@media(min-width:640px) {
	.wheel__prize-word {
		font-size: 32px
	}
}

.lottery-info .color-title {
	background: #1d1d1d url(/static/images/home-zixun.png) top no-repeat;
	height: 287px;
	background-size: cover
}

.lottery-info .container-lg {
	background: #f4cd67;
	padding: 26px 16px;
	margin-top: -160px
}

.lottery-info .color-title {
	padding-top: 35px
}

.lottery-info .color-title__next {
	color: #fff
}

.lottery-info__img {
	float: left;
	margin-right: 20px;
	width: 50%
}

.lottery-body {
	background: #f2f2f2;
	text-align: center
}

.lottery-info-list {
	color: #1d1d1d;
	font-size: .875rem;
	text-align: left;
	overflow: hidden;
	margin-top: -.875rem;
	max-width: calc(50% - 25px)
}

.lottery-info-item {
	border-bottom: 1px solid #dfba59;
	padding: .875rem 0
}

.lottery-info-item:last-child {
	border: none;
	padding-bottom: 0
}

.lottery-info__index {
	font-weight: 700;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.5rem;
	border-radius: 50%;
	border: 1px solid rgba(29, 29, 29, .32);
	margin-right: 15px
}

.lottery-info__body,
.lottery-info__index {
	display: inline-block;
	vertical-align: middle
}

.lottery-info__body {
	width: 80%;
	word-break: break-all
}

.lottery-info__title {
	font-weight: 700;
	color: #1d1d1d
}

.lottery-info__title:hover {
	text-decoration: underline
}

.lottery-info__intro {
	color: #a48638;
	font-size: .75rem;
	margin-top: 10px;
	line-height: 1.5;
	height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.lottery-info__more {
	color: #ccc;
	border: 1px solid;
	width: 173px;
	height: 42px;
	border-radius: 42px;
	display: inline-block;
	font-size: 2rem;
	margin: 22px 0
}

.lottery-info__more:before {
	content: "+"
}

.lottery-info__more:hover {
	background: #f97157;
	border-color: #f97157;
	color: #fff;
	font-size: 1rem;
	line-height: 32px
}

.lottery-info__more:hover:before {
	content: "\67E5\770B\66F4\591A"
}

.icon-callask:before {
	content: "\EA33"
}

.float-online-service {
	position: fixed;
	right: .5rem;
	bottom: 38%;
	text-align: center;
	font-size: .875rem;
	background: #fff;
	border-radius: .5rem;
	box-shadow: 0 0 10px hsla(0, 0%, 89%, .6);
	width: 10rem;
	color: #f3ce66;
	z-index: 1
}

.float-online-service__head {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	background: linear-gradient(90deg, #000, #555);
	padding: 1rem 0 .5rem;
	line-height: 1.5;
	box-shadow: 0 3px 4px 0 hsla(0, 0%, 78%, .6);
	height: 70px
}

.float-online-service__headtext {
	display: inline-block
}

.float-online-service__head .icon {
	font-size: 2rem;
	padding-left: .5rem;
	vertical-align: middle
}

.float-online-service__textlg {
	font-size: 1rem
}

.float-online-service__chat {
	display: inline-block;
	color: inherit;
	margin-top: 8px
}

.float-online-service__close {
	color: #fff;
	font-weight: bolder;
	position: absolute;
	background: linear-gradient(90deg, #000, #555);
	font-size: .75rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	box-shadow: 0 -3px 4px 0 hsla(0, 0%, 78%, .6);
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}

.float-call__item {
	background: linear-gradient(0deg, #10bf3e, #1be66c);
	color: #fff;
	border-radius: 4rem;
	width: 6rem;
	height: 1.875rem;
	line-height: 1.875rem;
	position: relative;
	margin: 1rem auto 0;
	cursor: pointer
}

.float-call__item--chat {
	background: linear-gradient(0deg, #e65065, #f39f8c)
}

.float-call__item--qq {
	background: linear-gradient(0deg, #2c83ef, #58d3ef)
}

.float-call__list {
	padding: .25rem 0 1.25rem;
	min-height: 10rem
}

.float-app {
	right: auto;
	left: .5rem
}

.float-app .float-online-service__head {
	padding-bottom: .75rem
}

.float-online-service__body {
	padding: 1.5rem 0
}

.float-online-service__qrcode {
	width: 7rem;
	height: 7rem;
	margin: 0 auto;
	position: relative
}

.float-online-service__qrimg {
	width: 80%;
	margin-top: 10%
}

.float-online-service__qrcorner {
	position: absolute;
	width: 1rem;
	height: 1rem;
	border-style: solid;
	border-width: 2px 0 0 2px
}

.float-online-service__qrcorner:first-of-type {
	border-width: 2px 2px 0 0;
	right: 0
}

.float-online-service__qrcorner:nth-of-type(2) {
	border-width: 0 0 2px 2px;
	bottom: 0
}

.float-online-service__qrcorner:nth-of-type(3) {
	border-width: 0 2px 2px 0;
	bottom: 0;
	right: 0
}

.lucky-float {
	position: fixed;
	width: 160px;
	right: .5rem;
	bottom: calc(38% - 170px);
	text-align: center;
	cursor: pointer;
	z-index: 1
}

.lucky-float_text {
	width: 75%;
	position: relative;
	bottom: -40px;
	-webkit-animation: w 1s forwards infinite;
	animation: w 1s forwards infinite
}

.float-online-service__closelucky {
	top: 40px
}

@-webkit-keyframes w {
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes w {
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.icon-setting-0111:before {
	content: "\EAC3"
}

.kd-shortcut-game {
	background: #1d1d1d;
	border-top: 1px solid #262626;
	text-align: center;
	position: relative;
	z-index: 4
}

.kd-shortcut-game-item:nth-child(odd) {
	background: #000
}

.kd-shortcut-game-item {
	float: left;
	width: 110px;
	padding: 2px 0;
	border: 1px solid #393939;
	border-top: none
}

.kd-shortcut-game-item a {
	color: #f4cd67;
	font-size: .875rem;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 1.28
}

.kd-shortcut-game-item time {
	display: block;
	color: #f97157;
	margin-top: 1px
}

.kd-shortcut-game-item.active,
.kd-shortcut-game-item:hover {
	border-color: #debd66;
	background: linear-gradient(0deg, #f4cd67 50%, #f9d987 51%)
}

.kd-shortcut-game-item.active a,
.kd-shortcut-game-item:hover a {
	color: #1d1d1d
}

.kd-shortcut-game-more {
	position: absolute;
	right: 0;
	background: #1d1d1d;
	padding-right: 8px;
	font-size: 1rem
}

.kd-shortcut-game-more .icon {
	color: #454242;
	font-size: 1.75rem;
	margin-right: 6px;
	vertical-align: middle
}

.kd-shortcut-game-more:after {
	content: "";
	display: inline-block;
	height: 38px;
	vertical-align: middle
}

.kd-shortcut-game .container-lg {
	position: relative;
	padding-right: 110px
}

.kd-shortcut-game-more a:hover .icon {
	color: inherit
}

.page-game-official .kd-shortcut-game {
	position: absolute;
	z-index: 6;
	width: 100%
}

.page-game-official .kd-body.gamebase {
	padding-top: 41px;
	min-height: 96vh
}

.chat-room--module {
	position: fixed;
	right: 0;
	top: 153px;
	bottom: 5px;
	width: calc(50% - 510px);
	min-width: 222px;
	max-width: 360px;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 0 12px 0 rgba(54, 54, 54, .004);
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	z-index: 4;
	background: #f8f8f8
}

.chat-room--module .chat-textinput {
	min-width: 222px;
	text-align: right
}

.chat-room__head {
	border-radius: 8px 8px 0 0;
	padding: 5px 8px 8px;
	color: #fff;
	padding-bottom: 5px;
	background: linear-gradient(90deg, #4d8fff, #34b2fe 46%, #37bafe);
	position: relative;
	z-index: 9
}

.chat-room--module .chat-more {
	padding: 0
}

.chat-room--module .chatmsg-other,
.chat-room--module .chatmsg-system0 {
	height: calc(100% - 202px - 90px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 10px 10px;
	font-size: .75rem;
	line-height: 1.2
}

.chat-room--module .chatmsg-system0 {
	height: 90px;
	padding: 0
}

.chat-room--module .chat-textinput {
	width: 100%;
	position: static
}

.icon-chat:before {
	content: "\EA36";
	z-index: 1;
	position: relative
}

.chat-room--module .icon-chat {
	background: #fff;
	color: #32b1f6;
	vertical-align: -8px;
	border-radius: 50%;
	margin-right: .5rem;
	font-size: 1.875rem;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 1.2;
	position: relative
}

.chat-room--module .icon-chat:after {
	content: "";
	display: inline-block;
	position: absolute;
	border: 10px solid transparent;
	border-left: 15px solid #fff;
	bottom: -2px;
	-webkit-transform: rotate(160deg);
	transform: rotate(160deg);
	right: -1px
}

.chat-room--module .icon-times {
	padding: 3px
}

.chat-room__close {
	float: right;
	margin-top: 8px
}

.chat-notice__container {
	color: #353535;
	background: #eeeff3;
	font-size: .75rem;
	padding: 2px 5px
}

.chat-notice__container .chat-notice {
	color: inherit;
	font-size: inherit;
	line-height: 1rem;
	width: calc(100% - 55px)
}

.chat-room__tools {
	position: relative;
	padding: 2px 7px;
	font-size: .75rem;
	background: #eeeff3
}

.chat-room__tools .face-selector {
	position: absolute;
	bottom: 45px
}

.chat-room__tools .send-face-button {
	color: #7b7b87
}

.chat-room__tools .face-selector {
	-webkit-transform-origin: 20% bottom;
	transform-origin: 20% bottom
}

.chat-room__tools .face-selector:after,
.chat-room__tools .face-selector:before {
	left: 12px;
	right: auto
}

.chat-room__tools .face-selector:after {
	left: 10px
}

.chat-room__toolbtns {
	float: right;
	color: #7b7b87;
	margin-top: 4px
}

.chat-room__toolbtns .kd-button {
	padding: .35rem;
	margin-left: .5rem;
	border: 1px solid transparent;
	background: #7b7b87;
	color: #fff
}

.chat-room__toolbtns .chat-room__btn {
	color: inherit;
	border-color: inherit;
	background: none
}

.chat-room--module .chat-textinput {
	padding: 5px
}

.chat-room--module .chat-textinput .kd-textinput {
	border: none
}

.chat-room--module .chat-textinput .kd-button.send {
	display: inline-block;
	background: linear-gradient(90deg, #4d8fff, #34b2fe 46%, #37bafe);
	color: #fff
}

.chat-room--module .chat-author .name,
.chat-room--module .chat-message .inner {
	font-size: inherit
}

.chat-room--module .chat-author .name {
	color: #0078b6
}

.chat-room--module .chat-author.service0 .name {
	color: #ff7272
}

.chat-room--module .chat-author {
	margin-top: .5rem
}

.chat-room--module .chat-history-pager .kd-pager-item {
	font-size: .75rem
}

.chat-room--module .prompt-body {
	height: 320px;
	overflow: auto
}

.chat-room--closed {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: 122px;
	bottom: 35%;
	border-radius: 5rem;
	border: 2px solid #035ffd;
	padding: 0 10px;
	top: auto;
	background: linear-gradient(90deg, #4d8fff, #34b2fe 46%, #37bafe)
}

.chat-room--closed .chat-room__title:after {
	display: inline-block;
	content: "";
	border: 6px solid transparent;
	border-left-color: #fff;
	vertical-align: -1px;
	margin-left: 5px
}

.chat-room--closed>* {
	display: none
}

.chat-room--closed>.chat-room__head {
	display: block;
	padding: 5px 0;
	border-radius: 5rem;
	background: none
}

.chat-room--closed .icon-chat {
	-webkit-animation: x 1s ease infinite;
	animation: x 1s ease infinite
}

@-webkit-keyframes x {
	50% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}

@keyframes x {
	50% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}

.chat-room__upload {
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.5rem;
	overflow: hidden;
	position: relative;
	background: url(/static/images/chat-upload.svg) no-repeat center 100%;
	cursor: pointer;
	margin-left: 8px
}

.chat-room__upload input[type=file] {
	font-size: 8rem;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
	opacity: 0
}

.chat-room__upload .upload-text {
	opacity: 0
}

.chat-message__img {
	cursor: pointer
}

.chat-room--module .prompt-chatimage .prompt-body {
	text-align: center;
	height: auto;
	padding: 2rem 1rem 1rem
}

.chat-message.system0,
.chat-room--module .chat-author.system0 {
	margin: 10px 0
}

.chat-room--module .chat-message.system0 .inner {
	background: #feb74d;
	border-radius: 5rem;
	padding: 5px 10px;
	margin: 0
}

.chat-room--module .chatmsg-system0 .chat-message.system0 .inner {
	background: #d4d0c9;
	color: #0075a9
}

.chat-room--module .chatmsg-system0 .chat-message.moneyout0 .inner {
	color: #e74a25
}

.chat-message.moneyout0 .icon-inner:after {
	content: "\63D0\73B0\FF1A"
}

.chat-message.system0 .icon-inner:before {
	margin-right: 2px;
	font-size: 18px;
	font-size: 1.125rem
}

.chat-message.moneyout0 .icon-inner:before {
	content: "\EA9B"
}

.chat-message.moneyin0 .icon-inner:before {
	content: "\EA9C"
}

.chat-message.moneyin0 .icon-inner:after {
	content: "\5145\503C\FF1A"
}

.chat-room__body {
	border: 1px solid #cecece;
	border-width: 0 1px;
	height: 100%;
	box-shadow: -5px 0 20px #d6d6d6
}

.chat-room--module .send-face-button {
	height: 2rem;
	overflow: hidden
}

.chat-room--module .send-face-button:before {
	content: "\EACE"
}

.chat-room--module .face-selector {
	width: 99%;
	min-width: auto
}

.chat-room--module .countdown-tip {
	margin-left: calc(50% - 98px);
	text-align: center;
	background: none;
	border: none;
	color: #fff
}

.countdown-tip-num {
	background: #f3e9ce;
	padding: 1px 8px;
	border-radius: 1rem;
	color: red
}

@media(min-width:1680px) {
	.chat-room--module .countdown-tip {
		margin-left: calc(50% - 116px)
	}
	.chatmsg-tip {
		right: 5px
	}
}

.chat-room--module.chat-room--closed .countdown-tip {
	display: none
}

.prompt-question-wrapper {
	position: absolute
}

.prompt-question-wrapper .prompt-body {
	height: auto
}

.chat-room--module .red-package {
	position: absolute
}

.chatmsg-tip {
	width: 200px;
	top: 330px;
	right: calc(25% - 355px);
	left: auto;
	margin-left: 0
}

@media(max-width:1460px) {
	.chatmsg-tip {
		right: 12px
	}
}

@media(min-width:1740px) {
	.chatmsg-tip {
		right: 80px
	}
}

.kd-page {
	min-height: 100%;
	min-width: 1050px
}

.kd-body {
	min-height: 76vh
}

.page-account,
.page-account-money-in,
.page-account-money-out,
.page-activities-list {
	background: #fff
}

.page-account-chart,
.page-game-pcdd,
.page-online-service {
	background: #ebebeb
}

.page-game-pcdd-room {
	background: #eaeaea
}

.kd-body.article-detail,
.page-error-404 .kd-body {
	padding-top: 3.0625rem;
	width: 1000px;
	margin: 0 auto
}

.article-detail.container-lg {
	padding-top: 30px
}

.page-error-404 {
	text-align: center
}

.kd-body.home {
	background: #fff
}

.is-hide-toolbar .kd-body.home {
	padding-bottom: .8125rem
}

.kd-body.game.game-l {
	padding-top: 8.4375rem
}

.kd-body.game.game-d,
.kd-body.game.game-d-room {
	padding-left: 0
}

.kd-body.game.game-d-room {
	padding-top: 160px;
	padding-bottom: 220px
}

.kd-body.chat-room {
	width: 640px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 250px;
	box-shadow: 0 0 5px 1px #ccc
}

.back-to-top {
	position: fixed;
	bottom: 15%;
	left: 5%;
	display: block;
	height: 2rem;
	width: 2rem;
	background: #000;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 2rem;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	opacity: .65;
	z-index: 2
}

.back-to-top:before {
	content: "\EA2E";
	margin-right: 5px
}

.maintain-overlay {
	background: #02aecb;
	background: linear-gradient(top, rgba(0, 205, 168, .95), rgba(2, 174, 203, .95) 30%, rgba(2, 174, 203, .95) 70%, rgba(0, 205, 168, .95));
	background: -webkit-linear-gradient(top, rgba(0, 205, 168, .95), rgba(2, 174, 203, .95) 30%, rgba(2, 174, 203, .95) 70%, rgba(0, 205, 168, .95));
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	padding: 1rem
}

.maintain-overlay:before,
.maintain-overlay span {
	display: inline-block;
	vertical-align: middle
}

.maintain-overlay:before {
	content: "";
	height: 100%;
	width: 0
}

.maintain-overlay span {
	font-size: 1.2rem;
	line-height: 1.5
}

.container-lg {
	width: 1000px;
	margin: 0 auto
}

.account__main {
	margin-top: 1.75rem;
	min-height: calc(100vh - 473px)
}

.account__sidebar {
	width: 20%;
	float: left;
	margin-right: 1.5rem
}

.account__body {
	overflow: hidden;
	background: #f9f9f9;
	margin-bottom: 2rem;
	position: relative
}

.promptbox-offline .promptbox {
	width: auto
}

.promptbox-offline .prompt-body {
	font-size: 1rem;
	line-height: 1.5;
	padding: 1rem
}

.promptbox-offline .prompt-foot {
	padding: 0 1rem
}

.icon-redpack:before {
	content: "\EABB"
}

.article-title {
	max-width: 93.75%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0;
	padding-bottom: 0
}

.article-title:after,
.article-title:before {
	display: none
}

.article-title time {
	display: block;
	font-size: .8em;
	margin-top: .5rem;
	color: #666
}

.redpack {
	color: red;
	display: inline-block;
	margin-top: 1rem
}

.redpack .icon {
	font-size: 2rem
}

.kd-button.red {
	background: #c70000;
	border-color: #9e0000;
	display: inline-block;
	width: auto;
	padding: .3125rem 1rem;
	margin: 0 auto;
	color: #fff
}

.kd-button.red .icon-redpack {
	font-size: 1.5rem;
	vertical-align: middle;
	margin-right: .3rem
}

.red-package-password {
	width: 300px
}

.red-package-password .kd-button {
	padding: .5rem
}

.activity .container-lg {
	padding-top: 30px
}

.activities .item {
	margin: 1rem 0;
	font-size: 0;
	overflow: hidden;
	text-align: center
}

.activity__img {
	height: 140px;
	width: 100%
}

.activity__caption {
	font-size: 33px;
	color: #fff;
	font-weight: 700;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60%;
	letter-spacing: 5px;
	text-shadow: 0 1px 0 #c9cfce, 0 2px 0 #bcc2c2, 0 3px 0 #afb6b6, 0 4px 0 #a4adac, 0 5px 0 #9fa8a7, 0 0 5px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .2), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2);
	line-height: 1.3
}

.activity__badge {
	font-size: 1.125rem;
	color: #000;
	width: 2rem;
	height: 120%;
	background: #f4cd67;
	position: absolute;
	right: 28px;
	top: -15px;
	padding-top: 38px;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg)
}

.activity__badge span {
	margin-top: 3px;
	display: inline-block
}

.activity__badge:after {
	content: "";
	display: inline-block;
	border: 8px solid transparent;
	border-top-color: #000;
	margin-top: 8px
}

.page-notices-list li {
	margin-bottom: 1rem
}

.remind {
	color: #333;
	width: 93.75%;
	margin-right: auto;
	margin-left: auto
}

.online-service-chat-room .chat-textinput {
	text-align: right;
	padding-bottom: 1rem
}

.button-upload {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 24px;
	background-color: #f0b9aa;
	border: 1px solid #f4cd67;
	overflow: hidden;
	position: relative
}

.button-upload input[type=file] {
	font-size: 8rem;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
	opacity: 0
}

.button-upload:before,
.button-upload span:after,
.button-upload span:before {
	content: "";
	display: block;
	position: absolute
}

.button-upload:before {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #f4cd67;
	top: 2px;
	right: 12px
}

.button-upload span:after,
.button-upload span:before {
	height: 0;
	width: 0;
	border: solid transparent;
	border-width: 0 12px 13px;
	border-bottom-color: #f4cd67;
	bottom: 0;
	left: 0
}

.button-upload span:after {
	left: 45%;
	bottom: -3px
}

@keyframes y {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}
	5% {
		opacity: 1
	}
	to {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0
	}
}

@-webkit-keyframes y {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}
	5% {
		opacity: 1
	}
	to {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0
	}
}

.ball-scale-multiple {
	display: inline-block;
	width: 6.25rem;
	height: 6.25rem;
	position: relative
}

.ball-scale-multiple .item {
	background: #f4cd67;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	animation: y 1.5s 0s linear infinite;
	-webkit-animation: y 1.5s 0s linear infinite
}

.ball-scale-multiple .item:nth-child(2) {
	animation-delay: .3s;
	-webkit-animation-delay: .3s
}

.ball-scale-multiple .item:nth-child(3) {
	animation-delay: .6s;
	-webkit-animation-delay: .6s
}

.waiting {
	position: fixed;
	top: 102px;
	right: 0;
	bottom: 131px;
	left: 0;
	background: #fff;
	z-index: 3;
	text-align: center
}

.is-hide-toolbar .waiting {
	bottom: .8125rem
}

.waiting .text {
	margin-top: 1rem;
	line-height: 1.5;
	color: #333
}

.icon-user-0112:before {
	content: "\EAE1"
}

.icon-money-0112:before {
	content: "\EA97"
}

.icon-king:before {
	content: "\EA8F"
}

.game-container {
	margin-top: 10px
}

.gamehead {
	background: linear-gradient(0deg, #f4cd67 51%, #f9d987 0);
	color: #1d1d1d;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center
}

.gamehead__title {
	line-height: 1.5
}

.gamehead__separator {
	width: 2px;
	height: 64px;
	margin: 0 32px
}

.game-pk10 .gamehead__separator {
	margin: 0 20px
}

.gamehead__separator:after,
.gamehead__separator:before {
	content: "";
	display: inline-block;
	width: 50%;
	height: 60%;
	top: 20%;
	position: relative;
	background: linear-gradient(0deg, #feedc2, #f6e2af)
}

.gamehead__separator:after {
	background: linear-gradient(0deg, #ffd974, #eec047)
}

.gamehead__period {
	font-size: .875rem;
	display: inline-block;
	line-height: 1.5;
	margin-right: 5px;
	vertical-align: middle
}

.gamehead__periodnum {
	color: #ff0042;
	font-weight: 700
}

.gamehead__periodtext {
	font-weight: 400
}

.kd-body.gamebase {
	background: #e8e8e8;
	min-height: 92vh
}

.game-sidebar {
	width: 230px;
	padding: 10px;
	color: #666;
	background: #fff;
	float: left;
	margin-bottom: 1rem
}

.game-account {
	background: #eee;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	font-size: .875rem;
	margin-top: 10px;
	padding: 10px 5px
}

.game-account:first-of-type {
	margin-top: 0
}

.game-account .icon {
	font-size: 1.25rem;
	vertical-align: -5px;
	color: #dddfe1
}

.game-account__value {
	color: #f97157
}

a.game-account__value {
	text-decoration: underline
}

.game-main {
	/* width: 760px; */
/* 	float: left; */
	/* margin: 0 0 1rem 10px; */
	    background: #fff;
    margin-top: 130px;
    width: 100%;
    float: left;
}

.game-records {
	margin-top: .75rem
}

.game-table__period {
	white-space: nowrap
}

.game-pk10 .game-records .game-table__row>span>i {
	width: 16%
}

.gamehead__switch .kd-switch {
	background: #1d1d1d;
	border-radius: 2rem;
	width: 5.5rem;
	color: #f4cd67;
	padding: .25rem 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.gamehead__switch .kd-switch-val {
	background: transparent;
	width: 4rem;
	padding: 0 .5rem 0 0;
	vertical-align: middle;
	font-size: .875rem
}

.gamehead__switch .checked .kd-switch-val {
	padding: 0 0 0 .5rem
}

.gamehead__switch .kd-switch-space {
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 50%;
	background: #f4cd67;
	vertical-align: middle
}

.gamehead__switch .kd-switch-val:first-child {
	margin-left: -3.5rem
}

.gamehead__switch .checked .kd-switch-val:first-child {
	margin-left: -.25rem
}

.gamehead__switchab a {
	display: inline-block;
	border-radius: 2rem 0 0 2rem;
	background: #1d1d1d;
	width: 3.5rem;
	color: #f4cd67;
	padding: .25rem 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .3;
	font-size: .875rem
}

.gamehead__switchab a:last-child {
	border-radius: 0 2rem 2rem 0
}

.gamehead__switchab a.active {
	opacity: 1
}

.playing-methods__sub {
	font-size: .875rem;
	padding: .5rem 1rem 1rem;
	background: #f7f7f7;
	border: 1px solid #e2e2e2
}

.playing-methods__sub a {
	color: #1d1d1d;
	margin-right: 1rem;
	padding: .125rem
}

.playing-methods__sub a.active,
.playing-methods__sub a:hover {
	color: #f97157;
	border-bottom: 2px solid
}

.playing-methods__balls {
	margin: .5rem 0
}

.playing-methods__balls>li {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle
}

.playing-methods__name,
.playing-methods__tool {
	color: #f97157;
	background: #f3f3f3;
	border-radius: 5rem;
	padding: .3125rem 1rem;
	font-size: .75rem;
	box-shadow: inset 2px 3px 3px 0 #dadada;
	text-align: center
}

li.playing-methods__name {
	margin-left: 10px
}

.playing-methods__balls .lottery-ball {
	color: #333;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	background: linear-gradient(90deg, #eee, #fff);
	font-size: 1rem;
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	margin: .15rem;
	cursor: pointer
}

.playing-methods__balls .lottery-ball.disabled {
	cursor: not-allowed
}

.playing-methods__tool {
	color: #333;
	font-size: .875rem;
	padding: .25rem;
	font-size: 0
}

.playing-methods__lottery {
	max-width: 410px
}

.playing-methods__tool .lottery-ball {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	font-size: .875rem;
	margin: 0 1px
}

.playing-methods__balls .lottery-ball.selected,
.playing-methods__tool .lottery-ball:active {
	border-radius: 50%;
	background: #f97157;
	box-shadow: 0 1px #ffccc2, inset 0 5px 5px #c82000;
	color: #fff;
	border-color: #f97157;
	-webkit-animation: z .5s ease-out;
	animation: z .5s ease-out
}

.playing-methods__tool .lottery-ball:active {
	-webkit-animation: none;
	animation: none
}

.playing-methods__tip {
	font-size: .875rem;
	color: #999
}

@-webkit-keyframes z {
	0%,
	50%,
	80%,
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	20% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	80% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
}

@keyframes z {
	0%,
	50%,
	80%,
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	20% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	80% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
}

.cart-section {
	background: #f7f7f7;
	border: 1px solid #e2e2e2
}

.cart-section__tool {
	text-align: right;
	font-size: .875rem;
	padding: .5rem 1rem;
	line-height: 1.5
}

.cart-section__tool .kd-textinput>input {
	width: 5rem;
	font-size: .875rem;
	height: 1.5rem;
	line-height: 1.5rem
}

.cart-section__tool .kd-textinput {
	display: inline-block
}

.cart-section__tool .kd-button--fit {
	background: #f97157;
	border-color: #e15f46;
	color: #fff;
	padding: .5rem 1rem;
	border-radius: .4rem;
	margin-left: 1rem;
	width: 8rem
}

.cart-section__headwrapper {
	background: #ededed;
	border: 1px solid #e2e2e2
}

.cart-section__head {
	width: calc(84% - 18px)
}

.cart-section__cell {
	display: inline-block;
	padding: .5rem 1rem;
	font-size: .875rem;
	width: 15%;
	text-align: center;
	vertical-align: middle
}

.cart-section__cell:first-of-type {
	width: 56%;
	text-align: left;
	word-break: break-word
}

.cart-section__body {
	padding: .5rem 0
}

.cart-section__main {
	height: 10rem;
	overflow-y: scroll;
	resize: vertical;
	width: 84%;
	display: inline-block;
	border-right: 1px solid #d8d8d8
}

.cart-section__buttons {
	display: inline-block;
	width: 15%;
	vertical-align: top
}

.cart-section__buttons .kd-button--fit {
	line-height: 3rem;
	width: 4rem;
	background: #e8e8e8;
	border-color: #dedede;
	border-radius: .5rem;
	margin: .5rem 0 0 2rem
}

.cart-section__row .cart-section__cell {
	font-size: .75rem;
	line-height: 1.5
}

.cart-section__row .cart-section__cell:last-child {
	width: 10%
}

.cart-section__row .cart-section__cell:first-child {
	color: #999
}

.cart-section__foot {
	background: #1d1d1d;
	color: #fff;
	text-align: right;
	font-size: .875rem;
	padding: .5rem 1rem;
	line-height: 1.5
}

.cart-section__summary {
	display: inline-block;
	vertical-align: middle
}

.cart-section__foot .kd-button--fit {
	width: 8rem;
	border-radius: .4rem
}

.cart-section__foot .cart-section__reset {
	width: 4rem;
	color: #fff;
	background: #a5a5a5;
	margin: 0 .5rem 0 1rem
}

.cart-section__foot .kd-button.disabled {
	cursor: not-allowed;
	opacity: .8
}

.cart-section__main--empty {
	text-align: center;
	height: 5rem;
	line-height: 5rem;
	overflow: hidden;
	resize: none;
	font-size: .875rem
}

.cart-section__main--emptytext {
	display: inline-block;
	vertical-align: middle
}

.cart-section__remove {
	color: inherit
}

li.playing-methods__ballsText {
	width: 94%;
	margin-left: 1rem
}

.playing-methods__ballsText .kd-textinput {
	margin-top: .5rem
}

.page-game-jsk3 .playing-methods__name,
.page-game-pk10 .playing-methods__name {
	min-width: 5rem
}

.page-game-sd115 .playing-methods__lottery {
	max-width: none
}

.page-game-sd115 li.playing-methods__name {
	margin-left: 8px
}

.page-game-sd115 .playing-methods__tool {
	margin-left: 0
}

.page-game-base .kd-toolbar {
	display: none
}

/*  .game-main__head:before {
	content: "";
	height: 10px;
	width: 100%;
	background: #e8e8e8;
	display: block
} */

 .game-main__head,
 .gamehead,
 .kd-head,
 .kd-shortcut-game {
 z-index: 2;
	/* position: fixed;
	width: 100%;
	margin: 0 */
}

 .kd-head {
	z-index: 6
}

 .kd-shortcut-game {
	top: 38px;
	z-index: 5
}

 .kd-body.gamebase {
	min-height: 100vh
}

 .gamehead {
	top: 79px
}

 .game-container {
	margin: 1rem auto 0;
	padding-top: 137px;
	padding-left: 230px
}

  .game-main__head {
  margin: 8px 10px;
  position: fixed;
    width: 990px;
    background: #fff;
    z-index: 10;
	/* width: 953px;
	background: #fff;
	margin-top: -10px */
} 

 .game-main__body {
 background: #fff;	
 width:1010px;
float: left;
	/* margin-top: 105px; */
}

 .game-marksix .game-main__body {
	margin-top: 104px
}

 .game-sidebar {
	position: fixed;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.pcdd-banner {
	position: relative
}

.pcdd-banner img {
	vertical-align: middle;
	width: 100%
}

.pcdd-banner .qrcode {
	background: #fff;
	width: 18%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: .25rem;
	border: .08rem solid #ff0096;
	border-radius: .0625rem
}

.pcdd-siteinfo {
	margin-top: .8rem;
	background: #fff;
	border-radius: .5rem;
	border: .0625rem solid #dfd7d7;
	box-shadow: 0 .125rem #7bc6fb;
	padding: .25rem .2rem .25rem .5rem;
	font-size: .75rem;
	color: #7c8184;
	text-align: center
}

.pcdd-user .count {
	color: #323d44
}

.pcdd-user {
	min-width: 11rem;
	text-align: left
}

.pcdd-user-total,
.pcdd-user-win {
	padding: .25rem 0
}

.pcdd-user-total:before,
.pcdd-user-win:before {
	content: "\EABD";
	color: #52b0eb;
	font-size: 1.25em;
	vertical-align: middle;
	display: inline-block;
	padding-left: 2px;
	padding-left: .125rem;
	margin-right: 2px;
	margin-right: .125rem;
	position: relative;
	top: -2px
}

.pcdd-user-win {
	border-top: 1px solid #e8eff0;
	padding-bottom: 0
}

.pcdd-user-win:before {
	content: "\EA43";
	color: #ec8947;
	font-size: 1.5em;
	padding-left: 0
}

.pcdd-win {
	color: #0a62f5;
	font-size: 1.25rem;
	padding: .3125rem 0;
	width: calc(100% - 11rem - 3.5625rem)
}

.pcdd-win-rate {
	color: #5aaee9;
	font-size: .75rem;
	padding-top: .2rem
}

.pcdd-win-rate:before {
	content: "\EA42";
	font-size: 1.25em;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.pcdd-rule {
	padding: .25rem 0 0 .5rem;
	border-left: .0625rem solid #dde3e4
}

.kd-chip-button.chip-odd-desc.playing-rule-button {
	color: #043bd7;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer
}

.kd-chip-button.chip-odd-desc.playing-rule-button:before {
	border-left-color: #fff;
	opacity: .3
}

.rooms-list {
	padding: .75rem 0;
	font-size: 0
}

.firefox .pcdd-user-total:before,
.firefox .pcdd-user-win:before,
.firefox .pcdd-win-rate:before {
	margin-top: 3px
}

@media (max-width:330px) {
	.pcdd-rule {
		padding-left: .5rem
	}
	.pcdd-win {
		width: calc(100% - 11rem - 3.5625rem + .3125rem)
	}
}

.pcdd-game-head {
	position: fixed;
	top: 104px;
	width: 100%;
	min-width: 320px;
	z-index: 1
}

.fixfixed .pcdd-game-head {
	position: absolute
}

.page-game-pcdd-room .head-title {
	max-width: 62%
}

.page-game-pcdd-room .kd-head-item.total-betting-amount {
	left: auto;
	right: auto;
	width: 100%
}

.kd-body.game-d,
.kd-body.game.game-d-room,
.pcdd-chat-footer,
.pcdd-game-head {
	max-width: 640px;
	margin: 0 auto
}

.page-account-chart .kd-head,
.page-account-chart .kd-shortcut,
.page-account-chart .kd-toolbar,
.page-game-pcdd-room .kd-head,
.page-game-pcdd-room .kd-shortcut-game,
.page-game-pcdd-room .kd-toolbar,
.page-online-service .kd-head,
.page-online-service .kd-shortcut,
.page-online-service .kd-toolbar {
	position: fixed;
	width: 100%;
	z-index: 4
}

.page-account-chart .kd-shortcut,
.page-game-pcdd-room .kd-shortcut-game,
.page-online-service .kd-shortcut {
	top: 38px
}

.page-account-chart .kd-toolbar,
.page-game-pcdd-room .kd-toolbar,
.page-online-service .kd-toolbar {
	bottom: 0
}

.download-app {
	background: #1f1f1f;
	color: #fff
}

.download-app-container {
	background: url(/static/images/app-bg.png?v=1.0) no-repeat top;
	height: 653px;
	padding: 60px 0;
	position: relative;
	background-size: 100%
}

.download-app-section {
	position: absolute;
	right: 30px;
	top: 310px;
	font-size: .875rem
}

.download-app-qrcode {
	float: left;
	width: 170px;
	text-align: center;
	margin-right: 50px;
	line-height: 1.25
}

.download-app-qrcode-img {
	border: 3px solid rgba(1, 1, 1, .32);
	border-radius: 5px;
	padding: 5px;
	box-shadow: inset 0 0 0 5px #fff
}

.download-app-buttons {
	float: left;
	margin-top: 3px
}

.download-app-btn {
	background: #6a9fe2;
	width: 180px;
	border-radius: 75px;
	margin-bottom: 14px;
	text-align: center;
	border: 3px solid hsla(0, 0%, 100%, .32)
}

.download-app-btn .icon {
	font-size: 2rem;
	vertical-align: middle
}

.download-app-btn a {
	display: block;
	height: 100%
}

.download-app-text {
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;
	font-size: .75rem;
	width: 78px
}

.download-btn-title {
	font-size: .875rem;
	display: block
}

.download-app-btn .icon:after {
	content: "";
	height: 35px;
	width: 2px;
	margin: 0 8px;
	background: radial-gradient(#fff 3%, hsla(0, 0%, 100%, 0));
	display: inline-block;
	vertical-align: -2px
}

.download-app-android {
	background: #41c752
}

.download-app-mobile {
	background: #f97157;
	height: 45px;
	line-height: 38px
}

.icon-mobile:before {
	content: "\EA96"
}

.icon-apple:before {
	content: "\EA4F"
}

.icon-android:before {
	content: "\EA4E"
}

.page-download .kd-head,
.page-download .kd-toolbar {
	display: none
}

.page-download {
	background: #0f1419 url(/static/images/download-bg.png) no-repeat;
	background-size: cover;
	text-align: center;
	color: #cdc06b;
	font-size: .875rem
}

.page-download .kd-body {
	padding: 3.0625rem 0
}

.download-img {
	width: 70%;
	max-width: 30rem
}

.download-desc:after,
.download-desc:before {
	content: "";
	display: inline-block;
	height: 1px;
	height: .0625rem;
	width: 30px;
	width: 1.875rem;
	background: currentColor;
	vertical-align: middle;
	margin: 0 10px;
	margin: 0 .625rem
}

.app-link {
	display: inline-block;
	width: 11rem;
	padding: .5rem 0 .75rem;
	margin-top: 1rem;
	position: relative;
	font-size: 1rem;
	border-radius: .2rem;
	color: #cdc06b;
	border: .125rem solid #ce8d26;
	background: #0f1419;
	border-image: linear-gradient(90deg, #ce8d26 40%, #cdc06b 48%, #ce8d26 80%) 1 1
}

.app-link .icon {
	padding-right: .5rem;
	font-size: 1.25em;
	line-height: 1;
	position: relative;
	top: .1625rem
}

.page-download .coming-soon {
	position: absolute;
	display: block;
	content: "\5373\5C06\4E0A\7EBF";
	color: #fff;
	background: #f71a17;
	border-radius: 50%;
	padding: .6rem;
	width: 3rem;
	height: 3rem;
	font-size: .75rem;
	top: -8px;
	right: -43px;
	z-index: 1;
	line-height: 1
}

.page-download .coming-soon:before {
	width: 0;
	height: 0;
	content: "";
	display: block;
	border: 24px solid transparent;
	border: 1.5rem solid transparent;
	border-right-color: #f71a17;
	right: 70%;
	position: absolute;
	top: 8px;
	top: .5rem;
	-webkit-transform: rotateX(70deg);
	transform: rotateX(70deg)
}

.app-link--ios {
	border-radius: .625rem
}

.app-link__img {
	width: 2rem;
	vertical-align: middle
}

.app-link__iostext {
	vertical-align: middle;
	font-weight: 400
}

.app-link__text {
	display: block;
	font-size: .875rem;
	-webkit-transform: scale(.95);
	transform: scale(.95)
}

.logo-wrapper {
	display: none
}

.kd-body--login .kd-form {
	width: 640px;
	margin: 6rem auto 0
}

.kd-body--login .kd-form .kd-button {
	width: 30%
}

.kd-body--login .kd-form .kd-field-title,
.kd-body--login .kd-form .kd-textinput {
	display: inline-block;
	vertical-align: middle
}

.kd-body--login .kd-form .kd-field-title {
	width: 31%;
	text-align: right;
	margin-right: 3%;
	font-size: 1rem
}

.kd-body--login .kd-form .kd-textinput {
	width: 40%
}

.kd-body--login .kd-button.hollow {
	display: none
}

.kd-body--login .kd-field {
	margin-bottom: 2rem
}

.kd-row-remembered {
	margin-left: 35%
}

.kd-row-remembered .kd-col {
	width: 30%
}

.login-text {
	text-align: center;
	color: #666;
	padding: 10px;
	font-size: .875rem;
	line-height: 1.5;
	width: 480px;
	margin: 0 auto;
	background: #eee;
	border: 1px solid #e2e2e2;
	border-radius: 10rem
}

.login-text__item {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	word-break: break-all
}

.kd-body--register .kd-container {
	width: 640px;
	margin: 6rem auto 0
}

.kd-body--register .kd-form .kd-button {
	width: 30%
}

.kd-body--register .kd-form .kd-field-title,
.kd-body--register .kd-form .kd-textinput {
	display: inline-block;
	vertical-align: middle
}

.kd-body--register .kd-form .kd-field-title {
	width: 31%;
	text-align: right;
	margin-right: 3%;
	font-size: 1rem
}

.kd-body--register .kd-form .kd-textinput {
	width: 40%
}

.kd-body--register .kd-button.hollow {
	display: none
}

.kd-body--register .kd-field {
	margin-bottom: 2rem
}

.kd-body--register .kd-form .kd-field.agree {
	padding-left: 2rem;
	position: relative;
	margin-left: 35%
}

.kd-body--register .kd-form .kd-field.agree .kd-checkbox {
	position: absolute;
	left: 0;
	top: 2px
}

.kd-body--register .agree a {
	color: #f97157
}

.prompt-rule .prompt-head {
	font-size: 1rem
}

.prompt-rule .prompt-body {
	font-size: .875rem;
	line-height: 2rem
}

.kd-body--register .kd-button.mobile_code-btn {
	font-size: .75rem;
	float: right;
	width: 9rem;
	margin: 0 0 0 .5rem;
	padding: .5625rem 0
}

.textinput_mobile {
	vertical-align: middle
}

.prompt-verifycode__input,
.textinput_mobile {
	width: auto;
	overflow: hidden
}

.prompt-verifycode__img {
	float: right;
	margin-left: .5rem;
	height: 2.375rem
}

.prompt-verifycode .kd-button {
	letter-spacing: .5rem;
	text-indent: .5rem
}

.prompt-rule {
	width: 640px
}

.forgot-password-form {
	width: 680px;
	margin: 6rem auto 0;
	position: relative
}

.forgot-password-form .step li {
	height: 2rem;
	line-height: 2rem;
	background: #dfdfdf;
	width: 33.33%;
	text-align: center;
	position: relative;
	margin-bottom: 1rem;
	color: #666
}

.forgot-password-form .step li:not(:last-child):after,
.forgot-password-form .step li:not(:last-child):before {
	content: "";
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border: 1rem solid transparent;
	border-right-width: 0;
	border-left-color: #dfdfdf;
	position: absolute;
	left: 100%;
	top: 50%;
	z-index: 2;
	margin-top: -16px;
	margin-top: -1rem;
	margin-left: -1px
}

.forgot-password-form .step li:not(:last-child):after {
	border-left-color: #bbb;
	z-index: 1;
	margin-left: 0
}

.forgot-password-form .step0 li:first-child,
.forgot-password-form .step1 li:first-child,
.forgot-password-form .step1 li:first-child+li,
.forgot-password-form .step2 li {
	background: #744400;
	color: #fff
}

.forgot-password-form .step0 li:first-child:before,
.forgot-password-form .step1 li:first-child+li:before,
.forgot-password-form .step1 li:first-child:before,
.forgot-password-form .step2 li:before {
	border-left-color: #744400!important
}

.forgot-password-form .step0 li:first-child:after,
.forgot-password-form .step1 li:first-child+li:after,
.forgot-password-form .step1 li:first-child:after,
.forgot-password-form .step2 li:after {
	border-left-color: #efefef!important
}

.forgot-password-form .photo-secure-code,
.forgot-password-form .secure-code {
	display: inline-block;
	vertical-align: middle
}

.forgot-password-form .secure-code {
	width: 50%;
	margin-right: .5rem
}

.forgot-password-form .kd-button {
	width: 30%
}

.forgot-password-form .kd-field-title,
.forgot-password-form .kd-select,
.forgot-password-form .kd-textinput {
	display: inline-block;
	vertical-align: middle
}

.forgot-password-form .kd-field-title {
	width: 31%;
	text-align: right;
	margin-right: 3%;
	font-size: 1rem
}

.forgot-password-form .kd-textinput {
	width: 40%
}

.forgot-password-form .kd-field {
	margin-bottom: 2rem
}

.forgot-password-form .kd-button.main-button {
	margin: 0 1rem 0 20%
}

.forgot-password-form .kd-field.important {
	position: absolute;
	right: 0;
	top: 54px
}

.page-account-forgot-password .kd-field-display {
	display: inline-block;
	vertical-align: middle;
	font-size: 1rem
}

.kd-button.go-to-referrals,
.promotion-article .kd-list.two-cols.earnings {
	line-height: 1
}

.kd-button.go-to-referrals {
	display: block;
	max-width: 160px;
	margin: 1rem auto
}

.downline-members-list td,
.downline-members-list th {
	text-align: center
}

.downline-members-list th {
	font-size: 1rem;
	font-weight: 400;
	background-color: #efefef
}

.downline-members-list .empty {
	padding: 2rem 1rem
}

.downline-members-list .continue {
	padding: 1rem
}

.account__body .account-nav {
	border-bottom: 1px solid #e2e2e2
}

.account__body .account-nav li {
	font-size: 1rem;
	width: 20%
}

.account__body .account-nav li.account__search {
	font-size: .875rem;
	width: auto
}

.account__body .account-nav li.account__summary {
	width: auto
}

.prompt-tip .prompt-body {
	line-height: 2rem
}

.prompt-tip .prompt-foot {
	text-align: center;
	margin-top: 1rem
}

.prompt-tip .kd-button {
	width: 40%;
	margin: 0 2.5%;
	font-size: .875rem
}

.mone-out .important {
	color: red
}

.kd-textinput__unit {
	position: absolute;
	right: 10px;
	top: 10px
}

.playing-record-list .balls {
	white-space: nowrap
}

.playing-record-list li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-right: 2px
}

.playing-record-list .lottery-ball {
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .75rem
}

.playing-record-list .lottery-ball.baccarat,
.playing-record-list .lottery-ball.longhu {
	width: 1.75rem;
	height: 2.5rem
}

.playing-record-list .lottery-prop {
	min-width: 0
}

.playing-record-list .lottery-plus {
	vertical-align: 29px;
	margin: 0
}

.kd-chips {
	font-size: 0;
	text-align: center
}

.kd-chips .kd-chip {
	margin: .5rem .25rem 0;
	margin-left: 1rem;
    margin-right: 1rem;
}

.kd-field-title.inline {
	display: inline-block
}

.page-account-setting .kd-chips {
	text-align: left;
	display: inline-block;
	vertical-align: middle
}

.page-account-setting .account__form .kd-field-title {
	width: 12rem
}

.prompt-message .promptbox-overlay {
	background: none
}

.messages-list .kd-checkbox {
	vertical-align: middle;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 0;
	left: 0
}

.messages-list .kd-checkbox.checked:before {
	font-size: 14px;
	font-size: .875rem
}

.message-actions {
	background: #eaeaea;
	height: 46px;
	line-height: 46px;
	color: #666;
	font-size: .875rem
}

.message-actions a {
	color: #666;
	vertical-align: middle;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 5px 20px;
	font-size: .75rem;
	margin-left: 10px
}

.message-actions .kd-checkbox {
	vertical-align: middle;
	margin: 0 5px 0 40px;
	line-height: 1
}

.pager--right {
	float: right;
	padding-right: 1rem
}

.page-lucky {
	min-height: 100vh
}

.page-lucky .kd-body {
	padding: 0;
	background: #ffcc42 url(/static/images/lucky-bg3.png) top no-repeat;
	margin: 0 auto;
	position: relative;
	padding-bottom: 3rem
}

.page-lucky__container {
	width: 1000px
}

.page-lucky__main {
	text-align: center
}

.page-lucky__pool {
	width: 360px;
	height: 424px;
	position: relative;
	background: url(/static/images/lucky-chi.png) top no-repeat;
	background-size: 100%;
	color: #fff;
	text-align: center;
	font-size: .875rem;
	display: inline-block;
	vertical-align: bottom
}

.page-lucky .wheel:after,
.page-lucky__pool:after {
	content: "";
	display: inline-block;
	width: 70%;
	height: 20px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .1);
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	bottom: -26px;
	z-index: 0
}

.page-lucky .wheel:after {
	width: 24%;
	bottom: -30px
}

.page-lucky__pooldesc {
	line-height: 22px;
	width: 71%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 auto;
	bottom: 128px;
	left: 51px;
	position: absolute
}

.page-lucky__poolnum {
	color: #ee3401;
	font-size: 2.5rem;
	font-weight: 700;
	width: 100%;
	bottom: 54px;
	left: 1px;
	position: absolute
}

.page-lucky__poolnum>li {
	display: inline-block;
	width: 10.5%;
	margin: 0 .5%;
	background: linear-gradient(0deg, #aca9ad 1%, #fff 54%, #aca9ad);
	border-radius: 5px;
	height: 45px;
	line-height: 45px;
	overflow: hidden
}

.page-lucky__poolinner {
	transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease;
	-webkit-transform: translateY(-80%);
	transform: translateY(-80%)
}

.page-lucky__poolnotice {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	z-index: 0;
	padding-left: 10px;
	bottom: 22px;
	left: 51px;
	position: absolute;
	width: 78%
}

.page-lucky__poolnotice span {
	color: #f8ea72;
	margin: 0 1vw
}

.page-lucky .wheel {
	display: inline-block;
	position: relative;
	vertical-align: bottom
}

.page-lucky__box {
	width: 80%;
	margin: 22px auto 0;
	text-align: center
}

.page-lucky__boxtitle {
	color: #c92505;
	text-align: center;
	border-bottom: 8px solid #e33f17
}

.page-lucky__boxtitletext {
	display: inline-block;
	background: #fcd84c;
	padding: 5px 15px;
	font-size: 1.25rem
}

.page-lucky__boxtitle:after,
.page-lucky__boxtitle:before {
	content: "";
	display: inline-block;
	vertical-align: bottom;
	border: 15px solid transparent;
	border-right-width: 0;
	border-bottom: 30px solid #e33f17
}

.page-lucky__boxtitle:after {
	border-right-width: 15px;
	border-left-width: 0
}

.page-lucky__table {
	width: 98%;
	margin-left: 1%;
	line-height: 1.5;
	background: #f74a2a;
	color: #ffcc42;
	font-size: .875rem;
	border-radius: 3px;
	box-shadow: 0 5px 0 0 rgba(254, 115, 81, .6);
	padding: 0 1rem .75rem
}

.page-lucky__table ul {
	width: 100%;
	display: inline-block
}

.page-lucky__tablehead {
	border-bottom: 1px dashed;
	line-height: 2;
	margin-bottom: .5rem;
	font-size: 1rem;
	color: #a81f00
}

.page-lucky__table li {
	width: 23%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	line-height: 2
}

.page-lucky__tablescroll {
	height: 105px;
	overflow: hidden
}

.poolmsg-enter-active,
.poolmsg-leave-active {
	transition: all .5s ease
}

.poolmsg-enter-to,
.poolmsg-leave-to {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.page-lucky__button {
	border-radius: 1rem;
	display: inline-block;
	padding: .625rem 1rem;
	color: #fff;
	background: rgba(0, 0, 0, .5)
}

.lucky__warn {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 100%;
	z-index: 7;
	overflow: hidden
}

.lucky__warn .overlay {
	opacity: .4;
	height: 100%;
	width: 100%
}

.lucky__warninner {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 75%;
	color: #fff
}

.lucky__warnbody {
	background: #f75023 url(/static/images/lucky-box.png) no-repeat top;
	background-size: 100%;
	height: 69.0407vw;
	border-radius: .5rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: relative
}

.lucky__warnmsg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 7.5vw;
	width: 70%;
	font-weight: 700;
	line-height: 1.3
}

.lucky__warnfoot {
	background: #fff;
	border-radius: .5rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	text-align: center
}

.lucky__warnbtn {
	color: #ef3f0f;
	font-size: 5vw;
	margin: .5rem 0 .75rem;
	display: inline-block;
	border-radius: 10vw;
	background: #ffe003;
	padding: .75rem 1rem .75rem 2rem;
	font-weight: 700;
	box-shadow: 0 .3125rem #eacd00
}

.lucky__warnbtn:after {
	content: "";
	display: inline-block;
	border: 2.2vw solid transparent;
	border-left-color: inherit;
	vertical-align: -.6vw;
	margin-left: 16px;
	margin-left: 1rem
}

.lucky__warnhead {
	text-align: right;
	position: relative
}

.lucky__warnhead:after {
	content: "";
	display: block;
	height: 32px;
	height: 2rem;
	width: calc(100% - 3.5vw);
	border-right: 2px solid #fff
}

.lucky__warnclose {
	color: #fff;
	border-radius: 50%;
	border: 2px solid;
	height: 7.5vw;
	width: 7.5vw;
	font-size: 4vw;
	text-align: center;
	display: inline-block
}

.lucky__warnclose .icon {
	vertical-align: -2.1vw
}

.lucky__warn {
	max-width: 640px;
	margin: 0 auto;
	right: 0
}

.lucky__warnmsg {
	font-size: 3rem
}

.lucky__warnbody {
	height: 441.8605px
}

.lucky__warnbtn {
	font-size: 2rem
}

.lucky__warnbtn:after {
	border-width: 14px;
	border-width: .875rem;
	vertical-align: -3px
}

.lucky__warnclose {
	height: 4rem;
	width: 4rem;
	font-size: 2.5rem
}

.lucky__warnclose .icon {
	vertical-align: -1.1rem
}

.lucky__warnhead:after {
	width: calc(100% - 32px);
	width: calc(100% - 2rem)
}

.page-lucky .prompt-head {
	background: #e43201
}

.page-lucky .promptbox {
	border-color: #e43201
}

.page-lucky__buttons {
	text-align: center;
	margin-top: 1rem
}

.page-lucky__buttons .page-lucky__button {
	color: #f74a2a;
	background: linear-gradient(180deg, #fbf484, #eddf3d);
	padding: 5px 20px;
	box-shadow: 0 3px 0 0 rgba(247, 74, 42, .6);
	margin: 0 2rem
}

.page-lucky .nav-logo {
	box-shadow: 0 2px 5px #f7c046
}

.hall .container-lg {
	padding: 30px 0
}

.hall__head {
	margin: 7px 0
}

.hall__item {
	float: left;
	width: 24%;
	margin: 5px 1% 10px 0;
	text-align: center;
	line-height: 1.2;
	font-size: 1rem;
	position: relative
}

.hall__item-info {
	height: 245px;
	border: 1px solid #dedede;
	overflow: hidden;
	box-shadow: 0 2px 6px #dedede
}

.hall__item-info:before {
	content: "";
	display: inline-block;
	width: 120px;
	height: 117px;
	margin-top: -78px;
	border-radius: 50%;
	border: 1px solid #dedede;
	box-shadow: inset 0 0 5px #dedede
}

.hall__item .a-game-logo {
	width: 120px;
	height: 120px;
	display: inline-block;
	background: #fff;
	margin-bottom: -42px;
	border-radius: 50%
}

.hall__item-head {
	padding: 5px 10px
}

.hall__item:nth-child(4n) {
	margin-right: 0
}

.hall__item-name {
	color: #545454;
	font-size: 1.3125rem
}

.hall__item-period {
	margin-top: 2px;
	font-size: .875rem
}

.hall__item-period-num {
	color: #f97157
}

.hall__item-time {
	background: #efefef;
	color: #666;
	border-radius: 2rem;
	padding: 5px 20px;
	font-size: 1rem;
	display: inline-block;
	margin: 8px 5px
}

.hall__item-time-num {
	font-size: 1.25rem;
	vertical-align: -2px
}

.hall__item-result-title {
	line-height: 1.5rem;
	font-size: .75rem;
	float: left
}

.hall__item-result-value {
	padding-left: 60px;
	text-align: left
}

.hall__item-result-value .lottery-ball {
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	margin-right: 8px;
	font-size: .875rem;
	background: linear-gradient(0deg, #f0050a, #f17d3c)
}

.hall__item-result-value .lottery-ball.xync:not(.ballNaN) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-size: 86%;
	margin: 0 2px
}

.hall__item-result-value .lottery-ball:nth-child(5n) {
	margin-right: 0
}

.hall__item-result-value .lottery-ball:nth-child(6n) {
	margin-top: 5px
}

.hall__item-bottom {
	border-top: 2px dashed #f5f5f5;
	position: absolute;
	bottom: 0;
	width: 90%;
	left: 5%
}

.hall__item-bottom a {
	color: #666;
	display: block
}

.hall__item:hover .hall__item-bottom {
	background: #f97157;
	width: 100%;
	left: 0;
	border-top: none
}

.hall__item:hover .hall__item-bottom a {
	color: #fff
}

.hall__item-bottom li {
	width: 46%;
	display: inline-block;
	padding: 0
}

.hall__item-bottom li.hall__item-sep {
	width: 1px;
	height: 2.5rem;
	padding: 0;
	vertical-align: middle
}

.hall__item:hover .hall__item-sep {
	background: #fff
}

.hall__item-linktop {
	position: relative;
	z-index: 1
}

.icon-hotgame:before {
	content: "\EA89"
}

.hall__item-adtext {
	color: #f97157;
	margin-top: 24px;
	font-size: 1.125rem
}

.hall__item .icon-hotgame {
	font-size: 1.625rem;
	vertical-align: -5px
}

.hall__item-info--sx:before {
	display: none
}

.hall__item-info--sx {
	background: none no-repeat 50%;
	background-size: 100% 100%;
	position: relative
}

.hall__item-sxintro {
	content: "";
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	display: none
}

.hall__item-sxintro:before {
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block
}

.hall__item .b-game-logo {
	width: 40%;
	vertical-align: middle
}

.hall__item-sxhead {
	font-size: 30px;
	height: 82px;
	font-size: 24px;
	padding-top: 46px
}

.hall__item-sxbtn {
	display: inline-block;
	padding: 5px 16px;
	width: 70%;
	letter-spacing: 2px;
	background: #212121;
	border-radius: 5rem;
	bottom: 20px;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .4);
	z-index: 1
}

.hall__item:hover .hall__item-sxintro {
	display: block
}

.page-line-check {
	background: url(/static/images/linecheck-bg2.png) repeat;
	color: #fff
}

.page-line-check .kd-head,
.page-line-check .kd-shortcut {
	display: none
}

.page-line-check .kd-body {
	min-height: 83vh
}

.linecheck__head {
	text-align: center;
	background: #1d1d1d
}

.linecheck__head .container-lg {
	position: relative
}

.linecheck__headtitle {
	position: absolute;
	font-size: 1.375rem;
	line-height: 1.28;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 100px
}

.linecheck__logo {
	background: url(/static/images/linecheck-logobg.png) no-repeat 50%;
	display: inline-block;
	font-size: 0;
	height: 100px;
	width: 400px
}

.linecheck__logo:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.linecheck__logo img {
	vertical-align: middle;
	max-height: 70px;
	max-width: 300px
}

.linecheck__entitle {
	font-weight: 700
}

.linecheck__body {
	background: url(/static/images/linecheck-bg.png) no-repeat top, url(/static/images/linecheck-light.png) no-repeat bottom;
	padding: 33px 0 45px
}

.linecheck__main {
	border: 1px solid #434343;
	min-height: 50vh;
	padding: 40px
}

.linecheck__urls {
	width: 60%;
	float: left
}

.linecheck__urltitle {
	font-size: .875rem
}

.linecheck__urltitle .primary-color {
	font-size: 1.25rem;
	margin-right: 10px
}

.icon-right-arrow:before {
	content: "\EABE"
}

.icon-right-arrow {
	color: #f4cd67;
	font-size: 1.5rem;
	vertical-align: middle;
	margin: 0 1rem
}

.linecheck__urls .kd-textinput {
	background: #2f2f2f;
	border: none;
	display: inline-block
}

.linecheck__urls .kd-textinput>input {
	color: #fff;
	font-size: .875rem;
	text-align: center;
	opacity: 1;
	width: 12rem;
	cursor: text
}

.kd-textinput.nav-line-time>input {
	width: 5rem
}

.linecheck__urls .kd-menu-item {
	margin: 1.5rem 0
}

.linecheck__urls .kd-button {
	margin-left: 1rem;
	font-size: 1rem;
	padding: .5rem 1rem;
	border-radius: .3rem;
	vertical-align: middle
}

.linecheck__info {
	width: 40%;
	padding: 2rem 2rem 3rem;
	float: left;
	background: #2f2f2f;
	border-radius: .75rem;
	line-height: 1.5;
	font-size: .875rem
}

.linecheck__info .primary-color {
	font-size: 1rem
}

.linecheck__info .primary-color:not(:first-of-type) {
	margin-top: 2rem
}

.lottery-list .container-lg {
	padding: 30px 0 60px
}

.lottery-list__title {
	color: #000;
	font-size: 1rem;
	font-weight: 700
}

.lottery-list__title:hover {
	text-decoration: underline
}

.lottery-list-item {
	border-bottom: 1px solid #dbd4cd;
	padding: 1rem
}

.lottery-list__index {
	border-radius: 50%;
	width: 3.5rem;
	height: 3.5rem;
	line-height: 3.5rem;
	font-size: 1.5rem;
	font-weight: 700;
	background: #f97157;
	color: #fff;
	text-align: center;
	margin-right: 1rem
}
.right .warp{
/* 	position: fixed; */
	z-index: 10
}
.lottery-list__body,
.lottery-list__index {
	display: inline-block;
	vertical-align: middle
}

.lottery-list__body {
	color: #5a5a5a;
	width: 90%;
	line-height: 1.5
}

.lottery-list__intro {
	font-size: .875rem
}
      
 /*  香港六合彩下注页面样式 */     
  .lottery-balls .lhcQiu{
  	width:10%;
  }      
  .lottery-balls .animal,.lottery-balls .banbo,.lottery-balls .banbanbo{
  	width:16.66666%;
  } 
  .lottery-balls .state,.lottery-balls .zhongxiao{
  	width:25%;
  }  
   .lottery-balls .colorWave{
   	width:33.333%;
   } 
   .lottery-balls .banbanbo .playing-method__cell{
   		width:40%;
   }
   
   .kd-chip.checked {
    -webkit-transform: rotateX(45deg);
    transform: rotateX(45deg);
    box-shadow: 0 4px 0 0;
}

.div-c-noticeContentDiv {
	display:none;
	 width: 300px;
    background: #fff;
    box-shadow: 0 0 3px #f4cd67;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: .75rem 2rem .75rem 2.5rem;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #353535;
    position: fixed;
    top: 16%;
    left: 50%;
    margin-left: -150px;
    z-index: 99;
			}
			
.div-c-noticeContentDiv i{
	    background-color: #f4cd67;
	        position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2rem;
    background-color: #f4cd67;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
}

.icon, .icon:before {
    display: inline-block;
    vertical-align: baseline;
}

.icon {
    font-style: normal;
    text-rendering: auto;
}



.div-c-noticeContentDiv .icon {
    background-color: #f4cd67;
}
.div-c-noticeContentDiv img {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 0;
    width: 2rem;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    
}

.div-c-noticeContentDiv .kg-close {
    position: absolute;
    right: 2rem;
    top: 0;
}
.kg-close:before {
	content:"×";
	font-size: 2rem;
	display: block;
	position: absolute;
	padding: 0 .5rem;
	color: #666
} 


.gm_con_to {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.unit_title {
    background: #f13131 none repeat scroll 0 0;
    line-height: 40px;
}
.unit_title {
    margin: auto;
    width: 1000px;
}
.gct_l, .game-icon2 div, .game-icon2 h3 {
    float: left;
}
.gct_l {
    height: 120px;
    margin: 10px 0;
    width: 610px;
}
.game-icon1 {
    float: left;
    height: 114px;
    left: 0;
    margin-right: 15px;
    position: relative;
    top: 3px;
    width: 114px;
}
.time-title {
    color: #e84f31;
    display: inline-block;
    float: right;
    margin: 15px 130px 10px 0;
}
.gct-time-now-l {
    float: right;
    font-family: "DISPLAYFREETFB","Microsoft Yahei";
    position: relative;
    width: initial !important;
}
.leavehms {
    background: rgba(0, 0, 0, 0) url("../images/all_ico.png") repeat scroll -262px -130px;
    color: #fff;
    display: inline-block;
    font-size: 46px;
    font-weight: 500;
    height: 54px;
    line-height: 40px;
    margin-right: 2px;
    padding: 5px 0 0;
    text-align: center;
    text-shadow: 1px 1px #000;
    width: 42px;
}
.gct_l h3 {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-top: 15px;
}
.gct_now {
    color: #666;
    line-height: 20px;
    padding-top: 5px;
}
.gct_now a {
    color: #fff;
}
.color-green {
    color: #e84f31;
}
.bt01 {
    background: #f13131 none repeat scroll 0 0;
    border: 1px solid #f13131;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    margin-top: 5px;
    padding: 1px 10px;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    cursor: pointer;
}
.bt01:hover {
    background: #dd0303 none repeat scroll 0 0;
    border: 1px solid #dd0303;
    color:#fff !important;
}
.zoushi {
    background: rgba(0, 0, 0, 0) url(../images/all_ico.png) no-repeat scroll -287px -207px;
    float: left;
    height: 10px;
    position: relative;
    right: 5px;
    top: 5px;
    width: 14px;
}
#showgd-box {
    border-left: 1px dashed #cecece;
    color: #666;
    float: right;
    margin-top: 10px;
    position: relative;
    width: 380px;
}
.box-ul {
    float: right;
    width: 30px;
}
.box-ul a {
    background: #8d8e94 none repeat scroll 0 0;
    color: #f6f6f6;
    display: inline-block;
    float: right;
    height: 50px;
    padding: 5px 0 5px 8px;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    cursor: pointer;
}
.tabulousclear {
    clear: both;
    display: block;
}
#tabs_container {
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 350px;
}
#gd-box1, #gd-box2 {
    float: left;
    height: 120px;
    top: 0 !important;
    width: 350px;
}
#gd-box1 p {
    margin: 15px 0 0 28px;
}
#showgd-box li a:hover {
    background: #dd0303 none repeat scroll 0 0;
    color:#fff;
}
.make_transist {
    transition: all 0.3s ease-in-out 0s;
}
.hideleft {
    opacity: 0;
    transform: translateX(-100%);
}
.showleft {
    opacity: 1;
    transform: translateX(0px);
    transition-delay: 0.3s;
}
.tabulous_active {
    background: #f13131 none repeat scroll 0 0 !important;
    border-right: 1px solid #f13131 !important;
}
#gd-box2 {
    padding: 5px 0 0 10px;
}
#gd-box2 p {
    height: 23px;
    margin: 0;
}
.gd-box-q {
    color: #12b35e;
    font-weight: bold;
}
#gd-box1, #gd-box2 {
    float: left;
    height: 120px;
    top: 0 !important;
    width: 350px;
    font-size: 14px;
}


.gd-box-h {
    background: #fff none repeat scroll 0 0;
    border-radius: 18px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin-right: 3px;
    text-align: center;
    width: 18px;
    font-size: 14px;
}
.xyft-box-h {
    background: #fff none repeat scroll 0 0;
    border-radius: 18px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin-right: 3px;
    text-align: center;
    width: 18px;
}
.lot-gd1 {
    display: block;
    margin-top: 20px;
    text-align: center;
}
.lot-gd1 li {
    background: #f13131 none repeat scroll 0 0;
    border: 3px solid #f13131;
    border-radius: 40px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    color: #f6f6f6;
    display: inline-table;
    font-size: 26px;
    font-weight: 800;
    height: 40px;
    line-height: 40px;
    margin-right: 12px;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.2s linear 0s;
    width: 40px;
}
.interval {
    color: #30343e;
    display: inline-block;
    font-family: "Microsoft Yahei";
    font-size: 28px;
    height: 54px;
    left: -2px;
    line-height: 64px;
    margin-right: 3px;
    position: relative;
    text-align: center;
    top: -10px;
}
#lt_opentimebox2 {
    color: #ff0000 !important;
}
.plus_lhc{
    font-family: Microsoft Yahei;
    margin: 0 5px 0 0 ;
}
/*gct-time*/
.gct-time{display: inline-block;    width: 335px;
    height: 65px;padding: 0 5px;
    overflow: hidden;float:right;}
.flip-clock-label{display: none;}
.flip-clock-wrapper{margin:inherit !important;}
.flip-clock-wrapper ul{width:32px !important;height:55px !important;}
.flip-clock-wrapper ul li{line-height: 58px !important;}
.flip-clock-wrapper ul li a div div.inn{font-size: 50px !important;}
.flip-clock-divider{height:65px !important;}
.flip-clock-dot.top{top:40px !important;}
.flip-clock-dot.bottom{bottom:40px !important;}

/*pk10的动画样式  */

.dsLotto-prev {
    width: 320px;
    margin:0 auto;
}
.dsLotto-result {
    background-color: #b4d0d9;
}
.dsLotto-result--no5 {
    padding: 7px 0 0 8px;
}
.dsLotto-result {
    height: 54px;
}
.dsLotto-result, .dsLotto-result * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dsLotto-result--no5 ._group {
    border-color: #5591a4;
    background-color: #b4d0d9;
    background-image: linear-gradient(#b4d0d9,#5591a4);
}
.dsLotto-result--no5 ._group {
    width: 303px;
    height: 40px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}
.dsLotto-result--no5 ._item {
    background-color: #5a95a9;
    background-image: linear-gradient(#6099ac,#437281);
}
.dsLotto-result--no5 ._item {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 59px;
    height: 36px;
    margin-left: 1px;
}
.dsLotto-result--no5 ._item:nth-child(1) ._ele-number, .dsLotto-result--no5.status--off ._item:nth-child(1) ._ele-mark {
    animation-delay: 2.1s;
}
.dsLotto-result--no5 ._item:nth-child(2) ._ele-number, .dsLotto-result--no5.status--off ._item:nth-child(2) ._ele-mark {
    animation-delay: 1.6s;
}
.dsLotto-result--no5 ._item:nth-child(3) ._ele-number, .dsLotto-result--no5.status--off ._item:nth-child(3) ._ele-mark {
    animation-delay: 1.1s;
}
.dsLotto-result--no5 ._item:nth-child(4) ._ele-number, .dsLotto-result--no5.status--off ._item:nth-child(4) ._ele-mark {
    animation-delay: .6s;
}
.dsLotto-result--no5 ._item:nth-child(5) ._ele-number, .dsLotto-result--no5.status--off ._item:nth-child(5) ._ele-mark {
    animation-delay: .1s;
}
.dsLotto-result--no5 ._ele-number, .dsLotto-result--no5 ._ele-unknown, .dsLotto-result--no5 ._ele-unknown li,.dsLotto-result--no5 ._ele-number_add {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    text-align: center;
    /* text-indent: -13px; */
    color: yellow;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
}
.dsLotto-result--no5 ._ele-mark {
    border-color: #a6c0c8;
    background-color: #8cb5c3;
    background-image: linear-gradient(315deg,#497a89,#80a3ae);
}
.dsLotto-result--no5 ._ele-mark {
    font-family: 'SimSun', 宋体 !important;
    line-height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 14px;
    height: 13px;
    text-align: center;
    color: white;
    border-width: 0;
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    background-color: rgb(140, 181, 195);
    background-image: linear-gradient(315deg, rgb(73, 122, 137), rgb(128, 163, 174));
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}
.dsLotto-result--no5 ._ele-unknown ul {
    height: 360px;
}
.dsLotto-result--no5 ._ele-unknown li {
    display: block;
}
.array {
    font-size: 0;
}
.array li {
    font-size: 12px;
    display: inline-block;
}
.dsLotto-result--no5.status--on ._ele-number,
.dsLotto-result--no5.status--off ._ele-number {
  visibility: hidden;
}
.dsLotto-result--no5.status--on ._ele-unknown {
  animation: dsAmRstUk 1.4s linear infinite;
}
.dsLotto-result--no5.status--on ._ele-mark {
  animation: dsAmRstMarkOut .5s linear forwards;
}
.dsLotto-result--no5.status--on ._item:nth-child(5) ._ele-mark {
  animation-delay: .1s;
}
.dsLotto-result--no5.status--on ._item:nth-child(4) ._ele-mark {
  animation-delay: .3s;
}
.dsLotto-result--no5.status--on ._item:nth-child(3) ._ele-mark {
  animation-delay: .5s;
}
.dsLotto-result--no5.status--on ._item:nth-child(2) ._ele-mark {
  animation-delay: .7s;
}
.dsLotto-result--no5.status--on ._item:nth-child(1) ._ele-mark {
  animation-delay: .9s;
}
.dsLotto-result--no5 ._item:nth-child(5) ._ele-number,
.dsLotto-result--no5.status--off ._item:nth-child(5) ._ele-mark {
  animation-delay: .1s;
}
.dsLotto-result--no5 ._item:nth-child(4) ._ele-number,
.dsLotto-result--no5.status--off ._item:nth-child(4) ._ele-mark {
  animation-delay: .6s;
}
.dsLotto-result--no5 ._item:nth-child(3) ._ele-number,
.dsLotto-result--no5.status--off ._item:nth-child(3) ._ele-mark {
  animation-delay: 1.1s;
}
.dsLotto-result--no5 ._item:nth-child(2) ._ele-number,
.dsLotto-result--no5.status--off ._item:nth-child(2) ._ele-mark {
  animation-delay: 1.6s;
}
.dsLotto-result--no5.status--off ._ele-mark {
  transform: translateX(14px);
  opacity: 0;
}
.dsLotto-result--no5.status--off ._ele-number {
  animation: dsAmRstNum .5s ease-out forwards;
}
.dsLotto-result--no5.status--off ._ele-mark {
  animation: dsAmRstMarkIn .5s linear forwards;
}
@keyframes dsAmRstNum {
  0% {
    visibility: visible;
    transform: scale(.1);
    opacity: 0;
  }
  100% {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes dsAmRstUk {
  0% {
    transform: translateY(0) scale(1);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
  100% {
    transform: translateY(-360px) scale(1);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
}
@keyframes dsAmRstMarkOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(14px);
    opacity: 0;
  }
}
@keyframes dsAmRstMarkIn {
  0% {
    transform: translateX(14px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.dsLotto-prev-sn {
    height: 26px;
    line-height: 26px;
    /*background-color: #f3f8f9;*/
    margin:11px 0;
}
.ac {
    text-align: center;
}

.red {
    color: red;
}
.dsLotto-prev-sn li {
    padding: 0 5px;
}
.dsLotto-block-sound {
    position: absolute;
    z-index: 7;
    top: 11px;
    left: 13px;
    display: block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/pc-static/img/icon_sound.png) no-repeat;
     -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.dsLotto-block-sound.status--off {
    background-position: -24px 0;
}

.dsLotto-result--no5 ._item:nth-child(even) {
    background-color: #437281;
    background-image: linear-gradient(#437281,#6099ac);
}


/*PK10*/
.dsLotto-rs--5e .ui-row-i li,
.dsLotto-rs--pk10 .ui-row-i .icon {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  height: 26px;
  border: 1px solid rgb(156, 126, 5);
  border-radius: 2px;
  background-color: #fefc6a;
  background-image: linear-gradient(to bottom, #a3870c, #fefc6a, #a3870c);
  -webkit-box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
          box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  text-shadow: 1px 1px 0 #eee;
}
.dsLotto-rs--pk10 .ui-row {
  padding-top: 3px;
}
.dsLotto-rs--pk10 .ui-row li {
  color: gray;
}
.dsLotto-rs--pk10 .ui-row .icon {
  font-size: 14px;
  font-weight: bold;
  color: black;
}
.dsLotto-rs--pk10 .ui-row-i li {
  margin: 0 3px;
}
.dsLotto-rs--pk10 .ui-row-i .icon {
  line-height: 20px;
  height: 20px;
  padding: 0 10px;
}
.dsLotto-rs--pk10 .ui-row-i .icon-2 {
  border-color: #999;
  background-color: #ccc;
  background-image: linear-gradient(to bottom, #999, #eee, #999);
}
.dsLotto-rs--pk10 .ui-row-i .icon-3 {
  border-color: #b25900;
  background-color: #d9a300;
  background-image: linear-gradient(to bottom, #b25900, #d9a300, #b25900);
}
.dsLotto-rs--pk10 .ui-row-ii li {
  overflow: hidden;
  width: 14px;
  height: 24px;
  margin: 0 1px;
}
.dsLotto-rs--pk10 .ui-row-ii .icon {
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  border-color: #000;
  border-radius: 50%;
  background-color: #fefc6a;
  background-image: linear-gradient(to bottom, #eee, #aaa, #eee);
  -webkit-box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
          box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
}
.dsLotto-result--pk10 {
  position: relative;
  overflow: hidden;
  height: 54px;
  background-color: rgb(29, 34, 38) !important;
}
.dsLotto-result--pk10 ._scene-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* LOTTERY-PK10--PROCESSING */

.dsLotto-result--pk10.status--on ._scene-wait {
  z-index: 7;
  left: 8px;
  opacity: 0;
  /* transform: translateY(-54px); */
}
.dsLotto-result--pk10 ._scene-wait ._front-animation,
.dsLotto-result--pk10 ._scene-wait ._counter-animation {
  visibility: hidden;
  opacity: 0;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation,
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation {
  visibility: visible;
  opacity: 1;
}
.dsLotto-result--pk10 ._scene-wait ._front-animation {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation {
  position: relative;
  z-index: 7;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 30px;
  margin: -15px 0 0 -50px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li {
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 30px;
  animation: dsAmPK10Counter 1s ease-out;
  text-align: center;
  opacity: 0;
  color: yellow;
  text-shadow: 1px 1px 0 rgb(0, 0, 0);
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(1) {
  animation-delay: 2s;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(2) {
  animation-delay: 3s;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(3) {
  animation-delay: 4s;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(4) {
  animation-delay: 4.6s;
}

/* LOTTERY-PK10_(MOTORS) */

.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 19px;
  animation: dsAmPK10Motor linear infinite;
  animation-delay: 5.5s;
  background: url(/pc-static/img/ico_motor.png) no-repeat;
}
.dsLotto-result--pk10.status--off ._scene-wait ._front-animation ._ele-motor {
  animation-play-state: paused;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor-mark {
  font-style: normal;
  line-height: 16px;
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  text-align: center;
  color: yellow;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 50%;
  background: rgba(0, 0, 0, .4);
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(1) {
  margin: 0 0 0 -8px;
  animation-duration: 2000ms;
  background-position: 0 0;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(2) {
  left: 20px;
  animation-duration: 2800ms;
  background-position: 0 -19px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(3) {
  margin: 0 0 0 50px;
  animation-duration: 2200ms;
  background-position: 0 -38px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(4) {
  margin: 0 0 0 80px;
  animation-duration: 2850ms;
  background-position: 0 -57px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(5) {
  margin: 0 0 0 110px;
  animation-duration: 1750ms;
  background-position: 0 -76px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(6) {
  margin: 0 0 0 140px;
  animation-duration: 2250ms;
  background-position: 0 -95px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(7) {
  margin: 0 0 0 170px;
  animation-duration: 2850ms;
  background-position: 0 -114px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(8) {
  margin: 0 0 0 200px;
  animation-duration: 2500ms;
  background-position: 0 -133px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(9) {
  margin: 0 0 0 230px;
  animation-duration: 2800ms;
  background-position: 0 -152px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(10) {
  margin: 0 0 0 260px;
  animation-duration: 2900ms;
  background-position: 0 -171px;
}

/* .dsLotto-result--pk10 ._scene-wait ._bg-animation {
  z-index: 0;
  background: url(/Areas/MoreColour/Content/img/white_line.png);
} */

.dsLotto-result--pk10 ._scene-finish {
  font-size: 30px;
  z-index: 6;
  left: 0;
  text-align: center;
}
.dsLotto-result--pk10 ._scene-finish ._group {
  margin-left: -5px;
}
.dsLotto-result--pk10 ._scene-finish ._group ._item {
  position: relative;
  width: 30px;
  height: 54px;
}
.dsLotto-result--pk10 ._scene-finish ._group ._item-1 ._ele-number,
.dsLotto-result--pk10 ._scene-finish ._group ._item-1 ._ele-mark {
  color: rgb(255, 201, 38) !important;
}
.dsLotto-result--pk10 ._scene-finish ._group ._item-2 ._ele-number,
.dsLotto-result--pk10 ._scene-finish ._group ._item-2 ._ele-mark {
  color: rgb(187, 187, 187) !important;
}
.dsLotto-result--pk10 ._scene-finish ._group ._item-3 ._ele-number,
.dsLotto-result--pk10 ._scene-finish ._group ._item-3 ._ele-mark {
  color: rgb(217, 54, 0) !important;
}
.dsLotto-result--pk10 ._scene-finish ._group ._item ._ele-number {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-top: 5px;
  color: rgb(170, 170, 170);
  text-shadow: 2px 2px 0 rgb(29, 34, 38);
  background: url(/pc-static/img/balls_bg.png) no-repeat;
  text-indent: 9999px;
}
.dsLotto-result--pk10 ._scene-finish ._group ._item ._ele-mark {
  line-height: 1;
  position: absolute;
  z-index: 7;
  bottom: 7px;
  left: 8px;
  color: rgb(240, 246, 247);
}
.dsLotto-result--pk10.status--on ._scene-wait {
  visibility: visible;
  animation: dsAmPK10Show 1s forwards;
}

/* .dsLotto-result--pk10.status--on ._scene-wait ._bg-animation {
  animation: dsAmPk10Rw .4s linear infinite;
} */

.dsLotto-result--pk10.status--on ._scene-finish {
  animation: dsAmPK10Hide 300ms forwards;
}
.dsLotto-result--pk10.status--off ._scene-wait {
  visibility: hidden;
  animation: dsAmPK10Hide 1s forwards;
}
.dsLotto-result--pk10.status--off ._scene-finish {
  animation: dsAmPK10Show 1s forwards;
}

/* LOTTERY-PK10--COMPLETE_(NUMBER) */

.dsLotto-result--pk10.status--off ._scene-finish ._group ._item ._ele-number {
  visibility: hidden;
  animation: dsAmPK10FinishNum .5s ease-out forwards;
  opacity: 0;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-1 ._ele-number {
  -webkit-animation-delay: .5s;
       -o-animation-delay: .5s;
          animation-delay: .5s;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-2 ._ele-number {
  -webkit-animation-delay: 1.5s;
       -o-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-3 ._ele-number {
  -webkit-animation-delay: 2.5s;
       -o-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-4 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-5 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-6 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-7 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-8 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-9 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-10 ._ele-number {
  -webkit-animation-delay: 3.5s;
       -o-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

/* LOTTERY-PK10_(BG) */

.dsLotto-result--pk10 ._scene-bg {
  z-index: 0;
  left: 15px;
}
.dsLotto-result--pk10.status--on ._scene-bg {
  animation: dsAmPK10Sw 500ms linear infinite;
  animation-delay: 5.8s;
}
.dsLotto-result--pk10 ._scene-bg ._group ._item {
  width: 30px;
  height: 54px;
  transform: skewX(54deg);
  border-left: 2px dashed rgba(255, 255, 255, .2);
}
.dsLotto-result--pk10 ._scene-bg ._group ._item:last-child {
  border-right: 2px dashed rgba(255, 255, 255, .2);
}
.dsLotto-result--pk10.status--on ._scene-bg ._group ._item,
.dsLotto-result--pk10.status--on ._scene-bg ._group ._item:last-child {
  border-color: rgba(255, 255, 255, .7);
}

@keyframes dsAmPK10FinishNum {
  0% {
    visibility: visible;
    transform: translateY(-35px);
    opacity: 0;
  }
  90%,
  100% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
  95% {
    visibility: visible;
    transform: translateY(-5px);
    opacity: 1;
  }
}

@keyframes dsAmPK10Show {
  0% {
    /* transform: translateY(-54px); */
    opacity: 0;
  }
  100% {
    /* transform: translateY(0); */
    opacity: 1;
  }
}
@keyframes dsAmPK10Hide {
  0% {
    /* transform: translateY(0); */
    opacity: 1;
  }
  100% {
    /* transform: translateY(54px); */
    opacity: 0;
  }
}
@keyframes dsAmPK10Motor {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(+194px, +180px);
    transform: translate(+194px, +180px);
  }
}
@keyframes dsAmPK10Counter {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes dsAmPK10Sw {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-14px, -10px);
    transform: translate(-14px, -10px);
  }
}

/*K3*/
.dsLotto-result--no3 ._item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 99px;
  height: 36px;
  margin-left: 1px;
  background-color: rgb(90, 149, 169);
  background-image: linear-gradient(rgb(96, 153, 172), rgb(67, 114, 129));
}
/*pcegg*/
.dsLotto-result--no7 ._item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 52px;
  height: 36px;
  margin-left: 1px;
  background-color: rgb(90, 149, 169);
  background-image: linear-gradient(rgb(96, 153, 172), rgb(67, 114, 129));
  float: left;
}

.dsLotto-result--no7 ._item._item_add{
	width:29px;
}
.dsLotto-result--no7 ._group{
	width:305px;
}

#lt_write_box {
    border: 0 none;
    height: 140px !important;
    width: 850px !important;
    background: rgba(0, 0, 0, 0) url(pc-static/img/input_bg.png) no-repeat scroll 130px 0;
   	border: 1px solid #e1e1e1 !important;
    font-weight: bold;
    font-size:15px;
    box-shadow: inset 3px 3px #f5f5f5;
    padding:5px !important;
}
#lt_example, #lt_help {
    color: #e84f31;
    cursor: pointer;
    float: left;
    font-size: 12px;
    padding-left: 10px;
    width: auto;
}
#lt_example .fanli {
    background: rgba(0, 0, 0, 0) url(pc-static/img/all_ico.png) no-repeat scroll -354px -102px;
    float: left;
    height: 10px;
    position: relative;
    right: 5px;
    top: 7px;
    width: 14px;
}
#lt_help .shuoming {
    background: rgba(0, 0, 0, 0) url(../images/all_ico.png) no-repeat scroll -377px -99px;
    float: left;
    height: 12px;
    position: relative;
    right: 5px;
    top: 6px;
    width: 14px;
}
.ball_select_other  .refresh {
    background: rgba(0, 0, 0, 0) url(../images/refresh3.png) no-repeat scroll center center;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
    width: 17px;
}
.yjf_bs{
	width:850px;
	margin:0 auto;
}
.yjf_bs .choose-money {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    display: inline-block;
    padding: 2px;
    position: relative;
    text-align: center;
}
.yjf_bs .choose-money li:nth-child(1) {
    border-bottom-left-radius: 4px;
    border-right: medium none;
    border-top-left-radius: 4px;
}
.yjf_bs .choose-money .on {
    background: #000000; 
	background: -moz-linear-gradient(top, #f08436 0%, #b85710 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f08436), color-stop(100%,#b85710)); 
	background: -webkit-linear-gradient(top, #f08436 0%,#b85710 100%); 
	background: -o-linear-gradient(top, #f08436 0%,#b85710 100%); 
	background: -ms-linear-gradient(top, #f08436 0%,#b85710 100%); 
	background: linear-gradient(to bottom, #f08436 0%,#b85710 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08436', endColorstr='#b85710',GradientType=0 ); 
	color:#fff;
}
:root .yjf_bs .choose-money .on{filter:none;} 
.yjf_bs .choose-money li {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 18px;
    width: 33px;
}

.ball_select_text label {
    display: block;
    height: 24px;
    margin-left: 5px;
    position: relative;
    width: 105px;
}
.ball_select_text h4 {
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 24px;
}
.ball_select_text .tp-ui-number {
    padding: 0 15px;
    width: 50px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.ball_select_text .tp-ui-number .tp-ui-number-option, .ball_select_text .tp-ui-number .tp-ui-number-option button {
    height: 22px;
    width: 15px;
}

.tp-ui-number-depart .tp-ui-number-addto {
    border-radius: 0 3px 3px 0;
}
.tp-ui-number-base .tp-ui-number-addto, .tp-ui-number-depart .tp-ui-number-option, .tp-ui-number-stack .tp-ui-number-addto {
    top: -1px;
}
.tp-ui-number-depart > .tp-ui-number-addto {
    right: -1px;
}
.tp-ui-number-depart .tp-ui-number-reduce {
    border-radius: 3px 0 0 3px;
}
.tp-ui-number-depart > .tp-ui-number-reduce {
    left: -1px;
}
.tp-ui-number-base .tp-ui-number-addto, .tp-ui-number-depart .tp-ui-number-option, .tp-ui-number-stack .tp-ui-number-addto {
    top: -1px;
}
.tp-ui-number-refer input, .tp-ui-number-option button {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    outline: 0 none;
}
.tp-ui-number-refer input {
    width: 100%;
    height: 22px;
    text-align: center;
}
.tp-ui-number-option button {
    color: #666;
    text-shadow: 0 1px 0 #fff;
}
.tp-ui-number-option {
    background: #fafafa none repeat scroll 0 0;
    position: absolute;
    border: 1px solid #ddd;
}
.tp-ui-number-option, .tp-ui-number-option * {
    cursor: pointer;
    font-size:15px;
}
.for_checkbox {
    cursor: pointer;
}
.ballmain .ball_wrapper.ball_11x5_padding{
	padding-right:3px !important;
}
.gd-box-p {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-right: 3px;
    text-align: center;
    width: 20px;
}
.gd-box-lhc {
    background: url("/pc-static/img/balls_bg.png") no-repeat;
    border-radius: 24px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-weight: bold;
    height: 24px;
    margin-right:3px;
    line-height: 24px;
    text-align: center;
    width: 24px;
    color:#595959;
}
.gd-box-lhc.bg1{ background-position:  1.5px -207px;}
.gd-box-lhc.bg2{background-position:  -33.5px -207px;}
.gd-box-lhc.bg4{background-position:  -69px -207px;}

.gd-box-sf-lhc {
    background: url("/pc-static/img/balls_bg.png") no-repeat;
    border-radius: 24px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-right: 3px;
    text-align: center;
    width: 24px;
    color:#595959;
}
.gd-box-sf-lhc.bg1{ background-position:  1.5px -207px;}
.gd-box-sf-lhc.bg2{background-position:  -33.5px -207px;}
.gd-box-sf-lhc.bg4{background-position:  -69px -207px;}

/*lhc*/
.dsLotto-rs {
	background-image: linear-gradient(to bottom right,#e6eff2,#b4d0d9);
	background-color: #b4d0d9;
}
.dsLotto-rs {
    height: 58px;
}
.dsLotto-rs--xy .ui-row {
    padding-top: 2px;
    text-align: center;
}
.dsLotto-rs--xy li {
    width: 36px;
    margin: 0 2px;
}
.dsLotto-rs--sfc li{
	margin:0 1px;
}
.ico-farm {
    display: inline-block;
    overflow: hidden;
    height: 36px;
    border: none !important;
}
.dsLotto-rs--sfc .ico-farm,.dsLotto-rs--cqxync .ico-farm{
	height:56px;
}
.ico-farm ._ele-number,.ico-farm ._ele-unknown li{
	font-size: 18px !important;
	line-height: 34px;
    font-weight: bold;
	color: #595959;
	width: 34px;
	height:34px;
	border-radius: 34px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	margin-top:1px;
	background: url("/pc-static/img/balls_bg.png") no-repeat;
}
.dsLotto-rs--sfc .ico-farm ._ele-number, .ico-farm ._ele-unknown li,.dsLotto-rs--cqxync .ico-farm ._ele-number, .ico-farm ._ele-unknown li{
	margin-top:10px;
}
.ico-farm ._ele-unknown{
	margin-top:5px;
}
.dsLotto-rs--xy.status--off .ui-row-i li ._ele-number {
	visibility: hidden;
	opacity: 0;
    -webkit-animation: dsAmPK10FinishNum .5s ease-out forwards;
    animation: dsAmPK10FinishNum .5s ease-out forwards;
}
.dsLotto-rs--xy.status--on .ui-row-i li ._ele-number{
	opacity: 1;
    -webkit-animation: dsAmPK10FinishNumOut .5s ease-out forwards;
    animation: dsAmPK10FinishNumOut .5s ease-out forwards;
}
.dsLotto-rs--xy.status--off .ui-row-ii li {
	visibility: hidden;
	opacity: 0;
    -webkit-animation: dsAmLHCFinishIn .5s ease-out forwards;
    animation: dsAmLHCFinishIn .5s ease-out forwards;
}
.dsLotto-rs--xy.status--on ._ele-unknown {
	-webkit-animation:dsLHCAmRstUk 10s linear infinite;
    animation: dsLHCAmRstUk 10s linear infinite;
}
.dsLotto-rs--xy ._ele-unknown ul {
    height: 1600px;
}
.dsLotto-rs--sfc ._ele-unknown ul {
    height: 200px;
}
.dsLotto-rs--sfc ._ele_sfc{
	background-position: -130px -81px;
}
.dsLotto-rs--sfc ._ele-unknown ._ele_sfc{
	background-position: -130px -81px;
}
.dsLotto-rs--cqxync ._ele_cqxync_01{background-position: 0px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_02{background-position: -54px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_03{background-position: -99px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_04{background-position: -147px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_05{background-position: -195px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_06{background-position: -246px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_07{background-position: -288px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_08{background-position: -336px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_09{background-position: -383px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_10{background-position: -430px -242px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_11{background-position: -5px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_12{background-position: -55px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_13{background-position: -97px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_14{background-position: -150px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_15{background-position: -196px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_16{background-position: -243px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_17{background-position: -291px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_18{background-position: -339px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_19{background-position: -383px -295px !important;}
.dsLotto-rs--cqxync ._ele_cqxync_20{background-position: -431px -295px !important;}



.dsLotto-rs--xy ._ele_cqxync{
	text-indent: -9999px;
	background-position: 0px -242px;
}
.dsLotto-rs--xy.status--on .ui-row-ii li{
	opacity: 1;
    -webkit-animation: dsAmLHCFinishOut .5s ease-out forwards;
    animation: dsAmLHCFinishOut .5s ease-out forwards;
}
.dsLotto-rs--xy.status--off .ui-row-i li {
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-1 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-1 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(1),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-2 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-2 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(2),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-3 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-3 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(3),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(3){
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-4 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-4 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(4),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(4) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-5 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-5 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(5),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-6 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-6 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(6),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(6) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-7 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-7 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(7),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(7) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.dsLotto-rs--xy.status--on .ui-row-i .item-8 ._ele-number, .dsLotto-rs--xy.status--off .ui-row-i .item-8 ._ele-number,.dsLotto-rs--xy.status--on .ui-row-ii li:nth-child(8),.dsLotto-rs--xy.status--off .ui-row-ii li:nth-child(8) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.dsLotto-rs--xy .ui-row {
    padding-top: 2px;
    text-align: center;
}
@keyframes dsAmLHCFinishIn {
  0% {
    visibility: visible;
    transform: translateY(35px);
    opacity: 0;
  }
  90%,
  100% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes dsAmLHCFinishOut {
  0% {
  	visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    visibility: visible;
    transform: translateY(35px);
    opacity: 0;
  }
}
@-webkit-keyframes dsLHCAmRstUk {
  0% {
    transform: translateY(0) scale(0.9);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
  100% {
    transform: translateY(-1600px) scale(0.9);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
}
@keyframes dsLHCAmRstUk {
  0% {
    transform: translateY(0) scale(0.9);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
  100% {
    transform: translateY(-1600px) scale(0.9);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
}
@keyframes dsAmPK10FinishNumOut {
  0% {
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    visibility: visible;
    transform: translateY(-35px);
    opacity: 0;
  }
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}





.dsLotto-result--pk10 {
    position: relative;
    overflow: hidden;
    height: 54px;
    background-color: rgb(29, 34, 38) !important;
}

.dsLotto-result, .dsLotto-result * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dsLotto-result {
    background-color: #b4d0d9;
}

.dsLotto-result--pk10.status--on ._scene-wait {
    visibility: visible;
    animation: dsAmPK10Show 1s forwards;
    animation-name: dsAmPK10Hide;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
}

.dsLotto-result--pk10 ._scene-wait ._front-animation, .dsLotto-result--pk10 ._scene-wait ._counter-animation {
    visibility: hidden;
    opacity: 0;
}

.dsLotto-result--pk10.status--on ._scene-wait ._front-animation, .dsLotto-result--pk10.status--on ._scene-wait ._counter-animation {
    visibility: visible;
    opacity: 1;
}

.dsLotto-result--pk10.status--off ._scene-wait {
    visibility: hidden;
    animation: dsAmPK10Hide 1s forwards;
    animation-name: dsAmPK10Hide;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
}

.dsLotto-result--pk10 ._scene-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dsLotto-result--pk10 ._scene-wait ._front-animation {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation {
    position: relative;
    z-index: 7;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 30px;
    margin: -15px 0 0 -50px;
}

.dsLotto-result--pk10.status--off ._scene-finish {
    animation: dsAmPK10Show 1s forwards;
    animation-name: dsAmPK10Show;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
}

.dsLotto-result--pk10 ._scene-finish {
    font-size: 30px;
    z-index: 6;
    left: 0;
    text-align: center;
}

.dsLotto-result--pk10.status--on ._scene-bg {
    animation: dsAmPK10Sw 500ms linear infinite;
    animation-name: dsAmPK10Sw;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-delay: 5.8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-delay: 5.8s;
}

.dsLotto-result--pk10 ._scene-bg {
    z-index: 0;
    left: 15px !important;
}

.dsLotto-result--pk10 ._scene-bg ._group ._item {
    width: 30px;
    height: 54px;
    transform: skewX(54deg);
    border-left: 2px dashed rgba(255, 255, 255, .2);
}



.dsLotto-result--pk10 ._scene-finish ._group {
    margin-left: -5px;
}

.dsLotto-result--pk10 ._scene-finish {
    font-size: 30px;
    z-index: 6;
    left: 0;
    text-align: center;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item {
    position: relative;
    width: 30px;
    height: 54px;
}

.array li {
    font-size: 12px;
    display: inline-block;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_10 {
    background-position: -394px 0px !important;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item ._ele-number {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-top: 5px;
    color: rgb(170, 170, 170);
    text-shadow: 2px 2px 0 rgb(29, 34, 38);
    background: url(/pc-static/img/balls_bg.png) no-repeat;
    text-indent: 9999px;
}

.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-1 ._ele-number {
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}

.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-2 ._ele-number {
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-3 ._ele-number {
    -webkit-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-4 ._ele-number, .dsLotto-result--pk10.status--off ._scene-finish ._group ._item-5 ._ele-number, .dsLotto-result--pk10.status--off ._scene-finish ._group ._item-6 ._ele-number, .dsLotto-result--pk10.status--off ._scene-finish ._group ._item-7 ._ele-number, .dsLotto-result--pk10.status--off ._scene-finish ._group ._item-8 ._ele-number, .dsLotto-result--pk10.status--off ._scene-finish ._group ._item-9 ._ele-number, .dsLotto-result--pk10.status--off ._scene-finish ._group ._item-10 ._ele-number {
    -webkit-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.dsLotto-result--pk10.status--off ._scene-finish ._group ._item ._ele-number {
    visibility: hidden;
    animation: dsAmPK10FinishNum .5s ease-out forwards;
    animation-name: dsAmPK10FinishNum;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
    opacity: 0;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_01 {
    background-position: 1px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_02 {
    background-position: -43px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_03 {
    background-position: -86px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_04 {
    background-position: -129px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_05 {
    background-position: -174px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_06 {
    background-position: -217px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_07 {
    background-position: -260px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_08 {
    background-position: -303px 0px;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item .ball_bjsc_09 {
    background-position: -348px 0px;
}

.dsLotto-result--pk10.status--off ._scene-wait ._front-animation ._ele-motor {
    animation-play-state: paused;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item-1 ._ele-number, .dsLotto-result--pk10 ._scene-finish ._group ._item-1 ._ele-mark {
    color: rgb(255, 201, 38) !important;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item-2 ._ele-number, .dsLotto-result--pk10 ._scene-finish ._group ._item-2 ._ele-mark {
    color: rgb(187, 187, 187) !important;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item-3 ._ele-number, .dsLotto-result--pk10 ._scene-finish ._group ._item-3 ._ele-mark {
    color: rgb(217, 54, 0) !important;
}

.dsLotto-result--pk10 ._scene-finish ._group ._item ._ele-mark {
    line-height: 1;
    position: absolute;
    z-index: 7;
    bottom: 7px;
    left: 8px;
    color: rgb(240, 246, 247);
}

address, cite, dfn, em, var {
    font-style: normal;
}

#showgd-box {
    border-left: 1px dashed #cecece;
    color: #666;
    float: left;
    margin-top: 0px;
    position: relative;
    width: 381px;
    /* margin-top: 54px; */
}

.ac {
    text-align: center;
}

.box-ul {
    float: right;
    width: 30px;
}

ul, ol {
    list-style: outside none none;
}

#tabs_container {
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 350px;
}



.make_transist {
    transition: all 0.3s ease-in-out 0s;
}

.hideleft {
    opacity: 0;
    transform: translateX(-100%);
}


.showleft {
    opacity: 1;
    transform: translateX(0px);
    transition-delay: 0.3s;
}




.dsLotto-prev {
    width: 320px;
    margin: 0 auto;
}

.dsLotto-prev-sn {
    height: 26px;
    line-height: 26px;
    background-color: #f3f8f9;
    margin: 11px 0;
}

.ac {
    text-align: center;
}
.array {
    font-size: 0;
}

.box-ul a {
    background: #8d8e94 none repeat scroll 0 0;
    color: #f6f6f6;
    display: inline-block;
    float: right;
    height: 50px;
    padding: 5px 0 5px 8px;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    cursor: pointer;
    font-size: 12px;
    height: 60px;
}

.box-ul a:hover{
	background: #dd0303 none repeat scroll 0 0 !important;
    border-right: 1px solid #dd0303 !important;
    color: #fff;
}

.tabulous_active {
    background: #f13131 none repeat scroll 0 0 !important;
    border-right: 1px solid #f13131 !important;
}

.dsLotto-block-sound {
    position: absolute;
    z-index: 7;
    top: 11px;
    left: 13px;
    display: block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/pc-static/img/icon_sound.png) no-repeat;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation {
    position: relative;
    z-index: 7;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 30px;
    margin: -15px 0 0 -50px;
}

.tabulousclear {
    clear: both;
    display: block;
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma, arial, 宋体, sans-serif;
}


@keyframes dsAmPK10Sw {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-14px, -10px);
    transform: translate(-14px, -10px);
  }
}

@keyframes dsAmPK10FinishNum {
  0% {
    visibility: visible;
    transform: translateY(-35px);
    opacity: 0;
  }
  90%,
  100% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
  95% {
    visibility: visible;
    transform: translateY(-5px);
    opacity: 1;
  }
}

@keyframes dsAmPK10Hide {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(54px);
    opacity: 0;
  }
}
@keyframes dsAmPK10Motor {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(+194px, +180px);
    transform: translate(+194px, +180px);
  }
}


@keyframes dsAmPK10Counter {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.dsLotto-result--pk10.status--off ._scene-finish ._group ._item ._ele-number {
  visibility: hidden;
  animation: dsAmPK10FinishNum .5s ease-out forwards;
  opacity: 0;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-1 ._ele-number {
  -webkit-animation-delay: .5s;
       -o-animation-delay: .5s;
          animation-delay: .5s;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-2 ._ele-number {
  -webkit-animation-delay: 1.5s;
       -o-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-3 ._ele-number {
  -webkit-animation-delay: 2.5s;
       -o-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-4 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-5 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-6 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-7 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-8 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-9 ._ele-number,
.dsLotto-result--pk10.status--off ._scene-finish ._group ._item-10 ._ele-number {
  -webkit-animation-delay: 3.5s;
       -o-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

.dsLotto-result--pk10.status--on ._scene-finish {
  animation: dsAmPK10Hide 300ms forwards;
}
.dsLotto-result--pk10.status--off ._scene-wait {
  visibility: hidden;
  animation: dsAmPK10Hide 1s forwards;
}
.dsLotto-result--pk10.status--off ._scene-finish {
  animation: dsAmPK10Show 1s forwards;
}

.dsLotto-result--pk10.status--on ._scene-wait {
  visibility: visible;
  animation: dsAmPK10Show 1s forwards;
}

.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(1) {
  margin: 0 0 0 -8px;
  animation-duration: 2000ms;
  background-position: 0 0;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(2) {
  left: 20px;
  animation-duration: 2800ms;
  background-position: 0 -19px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(3) {
  margin: 0 0 0 50px;
  animation-duration: 2200ms;
  background-position: 0 -38px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(4) {
  margin: 0 0 0 80px;
  animation-duration: 2850ms;
  background-position: 0 -57px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(5) {
  margin: 0 0 0 110px;
  animation-duration: 1750ms;
  background-position: 0 -76px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(6) {
  margin: 0 0 0 140px;
  animation-duration: 2250ms;
  background-position: 0 -95px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(7) {
  margin: 0 0 0 170px;
  animation-duration: 2850ms;
  background-position: 0 -114px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(8) {
  margin: 0 0 0 200px;
  animation-duration: 2500ms;
  background-position: 0 -133px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(9) {
  margin: 0 0 0 230px;
  animation-duration: 2800ms;
  background-position: 0 -152px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor:nth-child(10) {
  margin: 0 0 0 260px;
  animation-duration: 2900ms;
  background-position: 0 -171px;
}

.dsLotto-rs--5e .ui-row-i li,
.dsLotto-rs--pk10 .ui-row-i .icon {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  height: 26px;
  border: 1px solid rgb(156, 126, 5);
  border-radius: 2px;
  background-color: #fefc6a;
  background-image: linear-gradient(to bottom, #a3870c, #fefc6a, #a3870c);
  -webkit-box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
          box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  text-shadow: 1px 1px 0 #eee;
}
.dsLotto-rs--pk10 .ui-row {
  padding-top: 3px;
}
.dsLotto-rs--pk10 .ui-row li {
  color: gray;
}
.dsLotto-rs--pk10 .ui-row .icon {
  font-size: 14px;
  font-weight: bold;
  color: black;
}
.dsLotto-rs--pk10 .ui-row-i li {
  margin: 0 3px;
}
.dsLotto-rs--pk10 .ui-row-i .icon {
  line-height: 20px;
  height: 20px;
  padding: 0 10px;
}
.dsLotto-rs--pk10 .ui-row-i .icon-2 {
  border-color: #999;
  background-color: #ccc;
  background-image: linear-gradient(to bottom, #999, #eee, #999);
}
.dsLotto-rs--pk10 .ui-row-i .icon-3 {
  border-color: #b25900;
  background-color: #d9a300;
  background-image: linear-gradient(to bottom, #b25900, #d9a300, #b25900);
}
.dsLotto-rs--pk10 .ui-row-ii li {
  overflow: hidden;
  width: 14px;
  height: 24px;
  margin: 0 1px;
}
.dsLotto-rs--pk10 .ui-row-ii .icon {
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  border-color: #000;
  border-radius: 50%;
  background-color: #fefc6a;
  background-image: linear-gradient(to bottom, #eee, #aaa, #eee);
  -webkit-box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
          box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
}
.dsLotto-result--pk10 {
  position: relative;
  overflow: hidden;
  height: 54px;
  background-color: rgb(29, 34, 38) !important;
}
.dsLotto-result--pk10 ._scene-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

LOTTERY-PK10--PROCESSING

.dsLotto-result--pk10.status--on ._scene-wait {
  z-index: 7;
  left: 8px;
  opacity: 0;
  transform: translateY(-54px);
}
.dsLotto-result--pk10 ._scene-wait ._front-animation,
.dsLotto-result--pk10 ._scene-wait ._counter-animation {
  visibility: hidden;
  opacity: 0;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation,
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation {
  visibility: visible;
  opacity: 1;
}
.dsLotto-result--pk10 ._scene-wait ._front-animation {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation {
  position: relative;
  z-index: 7;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 30px;
  margin: -15px 0 0 -50px;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li {
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 30px;
  animation: dsAmPK10Counter 1s ease-out;
  text-align: center;
  opacity: 0;
  color: yellow;
  text-shadow: 1px 1px 0 rgb(0, 0, 0);
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(1) {
  animation-delay: 2s;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(2) {
  animation-delay: 3s;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(3) {
  animation-delay: 4s;
}
.dsLotto-result--pk10.status--on ._scene-wait ._counter-animation li:nth-child(4) {
  animation-delay: 4.6s;
}

LOTTERY-PK10_(MOTORS)

.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 19px;
  animation: dsAmPK10Motor linear infinite;
  animation-delay: 5.5s;
  background: url(/pc-static/img/ico_motor.png) no-repeat;
}
.dsLotto-result--pk10.status--off ._scene-wait ._front-animation ._ele-motor {
  animation-play-state: paused;
}
.dsLotto-result--pk10.status--on ._scene-wait ._front-animation ._ele-motor-mark {
  font-style: normal;
  line-height: 16px;
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  text-align: center;
  color: yellow;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 50%;
  background: rgba(0, 0, 0, .4);
}


.ui-row .ico-farm .mark_00,.ui-row .ico-farm .mark_01,.ui-row .ico-farm .mark_02,.ui-row .ico-farm .mark_07,.ui-row .ico-farm .mark_08,.ui-row .ico-farm .mark_12,.ui-row .ico-farm .mark_13,.ui-row .ico-farm .mark_18,.ui-row .ico-farm .mark_19,.ui-row .ico-farm .mark_23,.ui-row .ico-farm .mark_24,.ui-row .ico-farm .mark_29,.ui-row .ico-farm .mark_30,.ui-row .ico-farm .mark_34,.ui-row .ico-farm .mark_35,.ui-row .ico-farm .mark_40,.ui-row .ico-farm .mark_45,.ui-row .ico-farm .mark_46{
	 background-position:  0px -163px;
}
.ui-row .ico-farm .mark_03,.ui-row .ico-farm .mark_04,.ui-row .ico-farm .mark_09,.ui-row .ico-farm .mark_10,.ui-row .ico-farm .mark_14,.ui-row .ico-farm .mark_15,.ui-row .ico-farm .mark_20,.ui-row .ico-farm .mark_25,.ui-row .ico-farm .mark_26,.ui-row .ico-farm .mark_31,.ui-row .ico-farm .mark_36,.ui-row .ico-farm .mark_37,.ui-row .ico-farm .mark_41,.ui-row .ico-farm .mark_42,.ui-row .ico-farm .mark_47,.ui-row .ico-farm .mark_48{
	  background-position:  -43px -163px;
}
.ui-row .ico-farm .mark_05,.ui-row .ico-farm .mark_06,.ui-row .ico-farm .mark_11,.ui-row .ico-farm .mark_16,.ui-row .ico-farm .mark_17,.ui-row .ico-farm .mark_21,.ui-row .ico-farm .mark_22,.ui-row .ico-farm .mark_27,.ui-row .ico-farm .mark_28,.ui-row .ico-farm .mark_32,.ui-row .ico-farm .mark_33,.ui-row .ico-farm .mark_38,.ui-row .ico-farm .mark_39,.ui-row .ico-farm .mark_43,.ui-row .ico-farm .mark_44,.ui-row .ico-farm .mark_49{
	  background-position:  -87px -163px;
}

.mark_01,.mark_02,.mark_07,.mark_08,.mark_12,.mark_13,.mark_18,.mark_19,.mark_23,.mark_24,.mark_29,.mark_30,.mark_34,.mark_35,.mark_40,.mark_45,.mark_46{
	 background-position:  1.5px -207px;
}
.mark_03,.mark_04,.mark_09,.mark_10,.mark_14,.mark_15,.mark_20,.mark_25,.mark_26,.mark_31,.mark_36,.mark_37,.mark_41,.mark_42,.mark_47,.mark_48{
	  background-position:  -33.5px -207px;
}
.mark_05,.mark_06,.mark_11,.mark_16,.mark_17,.mark_21,.mark_22,.mark_27,.mark_28,.mark_32,.mark_33,.mark_38,.mark_39,.mark_43,.mark_44,.mark_49{
	  background-position:  -69px -207px;
}

.dsLotto-rs--xy.status--on._ele-unkl10f{
	-webkit-animation: dsK10FAmRstUk 10s linear infinite;
    animation: dsLHCAmRstUk 10s linear infinite;
    animation-name: dsLHCAmRstUk;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}


@-webkit-keyframes dsK10FAmRstUk {
  0% {
    transform: translateY(0) scale(0.9);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
  100% {
    transform: translateY(-1000px) scale(0.9);

    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
         -o-filter: blur(1px);
        -ms-filter: blur(1px);
            filter: blur(1px);
  }
}

.dsLotto-rs--cqxync.status--on ._ele-unknown{
	webkit-animation: dsK10FAmRstUk 10s linear infinite;
    animation: dsK10FAmRstUk 10s linear infinite;
     animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}

.flash_car {
    margin-top: 100px;
}

.car_video{
	float: right;
    display: inline;
    line-height: 30px;
   /*  padding:0 10px; */
    background-color: #da3535;
   /*  background: #f4cd67; */
}

.car_video:hover{
	background: #ecb116;
}

.car_video a{
	color: #fff;
    font-size: 14px;
    display: block;
    padding: 0 10px;
}

.car_video:hover{
	background: red;
}

.car_video a:hover{
	color: #fff;
}

.car_video .ssqIcon-drop2 {
    background: url(/pc-static/img/caizhong/icon_drop.gif) no-repeat;
    width: 13px;
    height: 16px;
    display: inline-block;
    zoom: 1;
    margin-left: 4px;
    vertical-align: middle;
}

.car_video .active .ssqIcon-drop2{
	width: 13px;
    height:16px;
    display: inline-block;
    zoom: 1;
    background: url(/pc-static/img/caizhong/drawIcon.png) -114px -62px no-repeat;
}

.car_video .active{
	
}   

.free_play_modal .inner{
    text-align: center;
    padding: 0 20px;
    width: 360px;
    height: 256px;
    padding-top:10px;
    background-color: #fff;
    border-radius: 6px;
    margin: auto;
    margin-top: 100px;
    position: relative;
    font-size: 16px;
}

.free_play_modal .inner .close{
    position: absolute;
    right: 13px;
    top: 13px;
}

.free_play_modal .inner p {
    text-align: left;
    text-indent: 30px;
}

.free_play_modal, .special_agent_login_win {
    display: none;
   /*  display:flex; */
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999
}

.free_play_modal .inner .btn-wrapper button{
    width: 120px;
    height: 36px;
    margin: 15px;
    border-radius: 6px;
}

.free_play_modal .inner .btn-wrapper #free_play_no {
    border: 1px solid #979797;
    color: #666;
    background-color: #fff;
}

.free_play_modal .inner .btn-wrapper #free_play_yes {
    border: 1px solid #25a4ff;
    color: #fff;
    background-color: #25a4ff;
}

.free_play_modal .inner em{
    color: red;
}  

.backLogin{
	display: inline-block;
    line-height: 12px;
    padding: 0 3px;
    cursor: pointer;
    font-size: 16px;
}

.lhcQiu .playing-method__cells .playing-method__cell:nth-child(2) {
	    width: 65%;
}

.lhcQiu .lottery-odds{
	font-size: 13px;	
}
      